1.下载 BootStrap 中文官网下载http://www.bootcss.com/
2 在网页中使用 Bootstrap
例————简单的基本模版
<!DOCTYPE html> <html> <head> <title>Bootstrap</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <--viewport 的标签，这个标签可以修改在大部分的移动设备上面的显示，为了确保适当的绘制和触屏缩放。--><!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <!-- 首先我们可以将 Bootstrap 的样式文件引用到网页中--><!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9] 使用的 html5 的一些新的标签，那么在 IE9 以下的浏览器并不支持这些标签，也不能为这些标签进行添加样式。那么修复这个问题我们需要链接引用的文件如下> <script src="http://labfile.oss.aliyuncs.com/html5shiv/3.7.0/html5shiv.js"></script> <script src="http://labfile.oss.aliyuncs.com/respond.js/1.3.0/respond.min.js"></script> <![endif]--> </head> <body><h1>杨慧慧啥都会</h1>
<script src="js/jquery-2.0.3.js"></script> <!--使用 Bootstrap 架构提供 JavaScript 插件,JavaScript 插件都是依赖与 jQuery 库的，所以我们当然也需要链接引用 jquery 的库文件--> <script src="js/bootstrap.min.js"></script> </body> </html>