联网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   木乃伊人  阅读(255)  评论(1编辑  收藏  举报

编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示