一、HTML5文档类型
Bootstrap使用到的某些HTML元素和CSSS属性需要将页面设置为HTML5文档类型。
<!DOCTYPE html>
<html lang="zh-CN">
...
</html>
二、移动设备优先
在Bootstrap3中其一开始就是对移动设备友好的，也就是说bootstrap是移动设备优先的，为了确保适当的绘制和触屏缩放，需要在head中添加viewport元数据标签。
<meta name="viewport" content="width=device-width, initial-scale=1">
在移动设备浏览器上，通过视口（viewport）设置meta属性为user-scalable=no可以禁用其缩放功能。这样禁用之后，用户只能滚动屏幕，注意：这种方式不推荐所有网站使用，视情况而定。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">三、排版和链接
Bootstrap排版、链接样式设置了基本的全局样式。分别是：
（1）为body元素设置background-color：#fff
（2）使用@font-family-base, @font-size-base, @line-height为a变量作为排版的基本参数
（3）为所有链接设置了@link-color基本颜色，并且当链接处于：hover状态时才添加下划线
四、布局容器
Bootstrap需要为页面内容和栅格系统包裹一个.container容器。我们提供了两个做此用处的类，注意：由于padding等属性的关系，这两个容器不能相互嵌套。
<div class="container">
...
</div>
//适用于固定宽度并支持响应式布局
<div class="container-fluid">
...
</div>
//用于100%宽度，占据全部视口的容器
扫一扫
269
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
