bootstrap简介
什么是 bootstrap ？
bootstrap 是由 Twitter 的 Mark otto 和 Jacob Thornton 开发的。
bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。
bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。
bootstrap 支持响应式布局，兼容多个终端 (电脑，平板，手机) 设备访问。
部署安装 bootstrap
1. 在官网 https://v3.bootCSS.com/ 下载bootstrap框架。
2. 把下载好的框架放到根目录，然后引入文件。
支持移动设备优先的语句，需要放到 head 标签里的上面
<Meta name="vIEwport" content="wIDth=device-wIDth, initial-scale=1">
然后引入 bootstrap 的 CSS 文件。
bootstrap 框架依赖于jquery，所以要先引入jquery库，然后再引入bootstrap的 Js 文件。
以下是一段完整的把框架引入进来的代码
（bootstrap 的 Js 文件最好放在 body 的最下面）
<head> <Meta charset="UTF-8"> <!--支持移动设备优先--> <Meta name="vIEwport" content="wIDth=device-wIDth,initial-scale=1"> <Title>测试文档</Title> <!--引入 CSS 文件--> <link rel="stylesheet" type="text/CSS" href="CSS/bootstrap.CSS"/> <!--引入 jquery 文件--> <script src="Js/jquery-1.11.0.Js" type="text/JavaScript" charset="utf-8"></script> <!--引入 bootstrap 框架 Js 文件--> <script src="Js/bootstrap.Js" type="text/JavaScript" charset="utf-8"></script> </head>
3. 也可以使用官方提供的 CDN
放在 head 标签里，jquery 文件的下面
访问的时候必须有网络才可以。
<!-- 最新版本的 bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="https://cdn.bootCSS.com/bootstrap/3.3.7/CSS/bootstrap.min.CSS" integrity="sha384-BVYIISIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"><!-- 可选的 bootstrap 主题文件（一般不用引入） --><link rel="stylesheet" href="https://cdn.bootCSS.com/bootstrap/3.3.7/CSS/bootstrap-theme.min.CSS" integrity="sha384-rHyoN1irsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"><!-- 最新的 bootstrap 核心 JavaScript 文件 --><script src="https://cdn.bootCSS.com/bootstrap/3.3.7/Js/bootstrap.min.Js" integrity="sha384-Tc5IQib027qvyJsMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。 总结
以上是内存溢出为你收集整理的BootStrap简介以及怎样部署安装（介绍）全部内容，希望文章能够帮你解决BootStrap简介以及怎样部署安装（介绍）所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）