zoukankan      html  css  js  c++  java
  • 联网html引用BootStrap

    以下是我写的一个联网html引用BootStrap的例子,可作为参考:

     1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="khgl_jm.aspx.cs" Inherits="WebApp.khgl.khgl_jm" %>
     2 
     3 <!DOCTYPE html>
     4 
     5 <html lang="zh-CN">  
     6 <head>  
     7     <title>首页</title>  
     8     <!-- 设置文档编码 -->  
     9     <meta http-equiv="Content-Type" content="text/html;charset=utf-8">  
    10     <!--  -->  
    11     <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">  
    12     <!-- 新 Bootstrap 核心 CSS 文件 -->  
    13     <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">  
    14     <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->  
    15     <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>  
    16     <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->  
    17     <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>  
    18     <!-- CSS样式 -->  
    19     <style type="text/css">  
    20         .container div{  
    21             text-align:center;  
    22         }  
    23     </style>  
    24 </head>  
    25 <body>  
    26     <div class="container">  
    27         <div ><h4>选择</h4></div>  
    28         <br/>  
    29         <div ><button type="button" class="btn btn-primary btn-lg btn-block active" onclick="location=''" >按钮一</button></div>  
    30         <br/>  
    31         <div ><button type="button" class="btn btn-primary btn-lg btn-block" disabled="disabled" onclick="location=''">按钮二</button></div>  
    32     </div>  
    33 </body>  
    34 </html>  
    View Code
  • 相关阅读:
    进阶之路 | 奇妙的Drawable之旅
    进阶之路 | 奇妙的Animation之旅
    进阶之路 | 奇妙的四大组件之旅
    Laravel
    Laravel 入门
    面试:给我说说你平时是如何优化MySQL的?
    EXPLAIN 查看 SQL 执行计划
    常见的图文布局
    常见的图文布局
    CSS3 的 filter(滤镜) 属性
  • 原文地址:https://www.cnblogs.com/xiaobaicai12138/p/6514565.html
Copyright © 2011-2022 走看看