|
|
bootStrap对第三方组件的支持
虽然我们并不官方支持任何第三方插件，我们还是提供一些建议，帮你避免可能在你的项目中会出现的问题。 Box-sizing某些第三方软件，包括Google地图和Google定制搜索引擎都会由于* { box-sizing: border-box; }设置而产生冲突，这一设置使padding不影响页面元素最终宽度的计算。更多信息请参考 盒模型与尺寸计算 - CSS Tricks。 根据不同情况，你可能需要根据情况覆盖（第一种选择）或为所有区域设置（第二种选择）。 /* Box-sizing resets * * 为了避免Bootstrap设置的全局盒模型所带来的影响，可以重置单个页面元素或覆盖整个区域的盒模型。 * 两种选择 - 覆盖单个页面元素和重置整个区域 - 都可以纯CSS或LESS代码实现。 *//* Option 1A: 通过CSS覆盖单个页面元素的盒模型 */.element { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}/* Option 1B: 通过使用Bootstrap LESS mixin覆盖单个页面元素的盒模型 */.element { .box-sizing(content-box);}/* Option 2A: 通过CSS重置整个区域 */.reset-box-sizing,.reset-box-sizing *,.reset-box-sizing *:before,.reset-box-sizing *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}/* Option 2B: 通过使用自定义的LESS mixin重置整个区域 */.reset-box-sizing { &, *, *:before, *:after { .box-sizing(content-box); }}.element { .reset-box-sizing();}
可访问性
Bootstrap遵循统一的web标准，另外，通过做一些少量的修改，还可以让使用AT的人群访问你的站点。 跳过导航如果你的导航部分包含很多链接，并且在DOM结构上也是排列在主内容之前，那么建议在紧跟<body>标签之后添加一个Skip to main content的链接。 (这里解释了这样做的原因)
标题嵌套当标题嵌套时(<h1> - <h6>)，你的文档的主标题应该是<h1>。随后的标题逻辑上就应该使用<h2> - <h6>，这样，屏幕阅读器就可以构造出页面的内容列表。
摘自：http://v3.bootcss.com/getting-started/#browsers
|
|
京ICP备14020293号-2
本网站内容均收集于互联网，如有问题请联系QQ:389897944予以删除
窥视卡
雷达卡
楼主
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡