联网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

 

posted on 2017-03-07 14:26  木乃伊人  阅读(249)  评论(1编辑  收藏  举报

导航