HTML5文档类型

Bootstrap使用HTML5元素和css属性。因此,在使用Bootstrap项目的开头应该包括以下代码。

1
2
3
4
<!DOCTYPE html>
<html>
....
</html>

若不使用HTML5的文档类型,可能会出现浏览器显示不一致的问题。

移动设备优先

在网页的head中添加以下代码,使网页对移动设备友好。

1
<meta name="viewport" content="width=device-width, initial-scale=1.0">

响应式图像

为图像添加img-responsive类,使图像按比例缩放,不超过父元素的尺寸。若要使该类图片水平居中,需要使用.center-block类,不能使用.text-center。

1
2
3
4
5
.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}

全局显示

body{margin:0;}用来移除body的边距。

链接样式

a:hover、a:focus等样式写在scaffolding.less中。

跨浏览器

Normalize.css提供跨浏览器一致性。

容器

:before伪元素防止上边距崩塌,:after 伪元素清除浮动。如果 conteneditable 属性出现在 HTML 中,由于一些 Opera bug,围绕上述元素创建一个空格。这可以通过使用 content: ” ” 来修复。

1
2
3
4
5
.container:before,
.container:after {
  display: table;
  content: " ";
}
说点什么
欢迎骚扰,有缘人互加友链
支持Markdown语法
好耶,沙发还空着ヾ(≧▽≦*)o
Loading...