原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
Bootstrap教程第一课：简单的Bootstrap主页（1）
写在前面： Bootstrap是目前最流行的前端框架，我从简单的实例开始，写一份文字版的Bootstrap教程，希望能对大家有所帮助。 准备工作： 1、下载Bootstrap框架核心文件。 2、下载jQuery文件。 3、下载HTML5兼容IE的JS插件。 （各位可以从网上找到Bootstrap和jQuery以及HTML5 JS的官方下载地址，也可以直接点击下面的下载链接下载，我已经将jQuery文件放在了js目录里了。） 点击下载Bootstrap核心文件 HTML结构： 1、Bootstrap框架的文档必须声明为HTML5文件类型，所以你的每一个页面都必须按照下面的格式进行设置：
2、添加HTML文档meta标记，需要两条标记：
?? ? ?? ? 3、引入所需要的核心文件，包括Bootstrap的CSS文件，jQuery插件，Bootstrap的JS核心文件，以及HTML5.JS文件。
?
!-- jQuery文件，必须在bootstrap.min.js之前引入 -- script src=js/jQuery.min.js/script !-- Bootstrap 核心 javascript文件-- script src=js/bootstrap.min.js/script
那么现在，你的HTML文档，应该是这个样子的：
正式开始： 现在就可以在body之间写上你的网页结构代码了，添加上Bootstrap相应的CSS类样式，就可以完成一个最简单的Bootstrap主页了。 首先，写好HTML结构代码：
在这个普通的结构代码的DIV上，添加CSS类.container，我们就可以看到页面的变化。上面的HTML结构和内容代码将变成如下：
现在在浏览器中打开这个页面浏览，拖动浏览器窗口的大小，可以看到页面随着浏览器的大小变化，而出现相应的适应变化，这个简单的Bootstrap主页，到这里就写完了。 (模拟手机端显示) （模拟平板电脑显示） （模拟桌面设备显示） 可以看到，在不同分辨率下，页面边距是自动变化和适应的，这就是Bootstrap的强大之处。 文：十二
文档评论（0）