Bootstrap简介
什么是Bootstrap？
Bootstrap是由Twitter的MarkOtto和JacobThornton开发的。
Bootstrap是2011年八月在GitHub上发布的开源产品。
Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。
Bootstrap支持响应式布局，兼容多个终端(电脑，平板，手机)设备访问。
部署安装Bootstrap
1.在官网https://v3.bootcss.com/下载bootstrap框架。
2.把下载好的框架放到根目录，然后引入文件。
支持移动设备优先的语句，需要放到head标签里的上面
<metaname="viewport"content="width=device-width,initial-scale=1">
然后引入bootstrap的css文件。
bootstrap框架依赖于jQuery，所以要先引入jQuery库，然后再引入bootstrap的js文件。
以下是一段完整的把框架引入进来的代码
（bootstrap的js文件最好放在body的最下面）
<head>
<metacharset="UTF-8">
<!--支持移动设备优先-->
<metaname="viewport"content="width=device-width,initial-scale=1">
<title>测试文档</title>
<!--引入Css文件-->
<linkrel="stylesheet"type="text/css"href="css/bootstrap.css"/>
<!--引入jQuery文件-->
<scriptsrc="js/jquery-1.11.0.js"type="text/javascript"charset="utf-8"></script>
<!--引入bootstrap框架js文件-->
<scriptsrc="js/bootstrap.js"type="text/javascript"charset="utf-8"></script>
</head>
3.也可以使用官方提供的CDN
放在head标签里，jQuery文件的下面
访问的时候必须有网络才可以。
<!--最新版本的Bootstrap核心CSS文件-->
<linkrel="stylesheet"href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"crossorigin="anonymous">
<!--可选的Bootstrap主题文件（一般不用引入）-->
<linkrel="stylesheet"href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"crossorigin="anonymous">
<!--最新的Bootstrap核心JavaScript文件-->
<scriptsrc="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"crossorigin="anonymous"></script>
总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。
本文转载自中文网
本文转载自中文网
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h54534.shtml
