微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

BootStrap入门教程(二)之固定的内置样式

相关阅读:

HTML5文档类型(Doctype)

Bootstrap使用了一些HTML5元素和CSS属性,所以需要使用HTML5文档类型。

....

移动设备优先

  宽度设置为device-width可以确保它能正确呈现在不同设备上。

 initial-scale=1.0确保网页加载时,以1:1的比例呈现。

  可以为viewport meta标签添加user-scalable=no来禁止其缩放功能。

响应式图像

基本的全局显示

链接样式

  默认设置有好有坏,难免嘛。

  不想要下划线的话可以在a链接上加一个名为btn的class,该class的默认设置如下:

避免跨浏览器的不一致

  Normalize.css提供了更好的跨浏览器一致性。

容器(Container)

..

  .container的样式:

  左右外边距交由浏览器决定。

  由于内边距是固定宽度,默认情况下容器是不可嵌套的。

  设置display为table,会创建一个匿名的table-cell和一个新的块格式化上下文。:before伪元素防止上边距崩塌,:after伪元素清除浮动。content:” ”修复一些Opera bug。

  另外还有申请相应的媒体查询:

Bootstrap浏览器/设备支持

* Bootstrap 支持 Internet Explorer 8 及更高版本的 IE 浏览器。

参考:

以上所述是小编给大家介绍的BootStrap入门教程(二)之固定的内置样式。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐