bootstrap个人总结精品学习手册

《bootstrap个人总结精品学习手册》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、BootStrap个人总结精品学习手册1工具BootlintBootlint 是Bootstrap官方所支持的HTML 检测工具。在使用了Bootstrap的页面上（没有对Bootstrap做修改和扩展的情况下），它能自动检查某些常见的HTML错误。纯粹的Bootstrap组件需要固定的DOM结构。Bootlint就能检测你的页面上的这些“纯粹”的Bootstrap组件是否符合Bootstrap的HTML结构规则。建议将Bootlint加入到你的开发工具中，这样就能帮你在项目开发中避免一些简单的错误影响你的开

2、发进度。社区Bootstrap有成熟、强大的社区。如果你希望随时获取Bootstrap的最新消息，请关注以下社区资源。·阅读并订阅 Bootstrap官方博客。·通过IRC（irc.freenode.net 服务器）与其他Bootstrap粉丝交流，我们在 ##bootstrap频道。·如果使用Bootstrap过程中遇到问题，请在 StackOverflow上交流。请搜索 twitter-bootstrap-3 关键词。·对于为Bootstrap修改或添加功能的开发者，如果需要将自己修改的版本发布到 npm

3、 或其他分发渠道时，应当为自己的包添加 bootstrap 关键字，以便大家能够通过关键字了解你所发布的东西。·参观其他同学基于Bootstrap构建的网站，请进这里：Bootstrap优站精选.你还可以在Twitter上关注英文官方账号 @getbootstrap ，这里有最新的八卦和有趣的视频。（:(原来和技术不沾边啊！）中国用户请关注我们的官方微博账号：@Bootstrap中文网。我们定期分享新技术和新资讯。禁止响应式布局Bootstrap会自动帮你针对不同的屏幕尺寸调整你的页面，使其在各个尺寸的屏幕上

4、表现良好。下面我们列出了如何禁用这一特性，就像这个非响应式布局实例页面一样。禁止响应式布局有如下几步：1.移除 此CSS文档中提到的设置浏览器视口（viewport）的标签：。2.通过为 .container 类设置一个 width 值从而覆盖框架的默认width设置，例如 width:970px!important; 。请确保这些设置全部放在默认的BootstrapCSS文件的后面。注意，如果你把它放到媒体查询中，也可以略去!important 。3.如果使用了导航条，需要移除所有导航条的折叠和

5、展开行为。4.对于栅格布局，额外增加 .col-xs-* 类或替换掉 .col-md-* 和 .col-lg-*。不要担心，针对超小屏幕设备的栅格系统能够在所有分辨率的环境下展开。针对IE8仍然需要额外引入Respond.js文件（由于仍然利用了浏览器对媒体查询（mediaquery）的支持，因此还需要做处理）。这样就禁用了Bootstrap对移动设备的响应式支持。禁止响应式特性的Bootstrap模版我们已经按照上面的步骤制作了一份案例。仔细阅读其源码并对照上面的步骤实践一下吧。非响应式布局实例从v2.x版

6、本升级到v3.x版本你在找从老版本升级到Bootstrapv3.x版本的方法吗？请查看我们整理的升级指南吧。浏览器和设备的支持情况Bootstrap的目标是在最新的桌面和移动浏览器上有最佳的表现，也就是说，在较老旧的浏览器上可能会导致某些组件表现出的样式有些不同，但是功能是完整的。被支持的浏览器ChromeFirefoxInternetExplorerOperaSafariAndroid 支持 支持N/A 不支持N/AiOS 支持N/A 不支持 支持MacOSX 支持 支持 支持 支持Windows 支持 支

7、持 支持 支持 不支持特别注意，我们坚决支持这些浏览器的最新版本。在Windows平台，我们支持 InternetExplorer8-11。请看下面列出的详细信息。Bootstrap在Chromium和Linux版Chrome、Linux版Firefox和InternetExplorer7上的表现也是很不错的，虽然我们不对其进行官方支持。浏览器bug列表中列出了影响Bootstrap正常功能的浏览器bug。InternetExplorer8和9InternetExplorer8和9是被支持的，然而，你要知道，

8、很多CSS3属性和HTML5元素--例如，圆角矩形和投影--是肯定不被支持的。另外， InternetExplorer8需要 Respond.js 配合才能实现对媒体查询（mediaquery）的支持。FeatureInternetExplorer8InternetExplorer9border-radius 不支持 支持box-shadow 不支持 支持transform 不支持 支持,with