全局 CSS 样式 · Bootstrap 中文文档.pdf

2015/4/18 全局 CSS 样式 · Bootstrap 中文文档 全局 CSS 样式 设置全局 CSS 样式 ；基本的 HTML 元素均可以通过 class 设置样式 并得到增强效果 ；还有先进的栅格系统。 概览 深入了解 Bootstrap 底层结构的关键部分 ，包括我们让 web 开发变得更好、更快、更强壮 的最佳实践。 HTML5 文档类型 Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型。在 你项目中的每个页面都要参照下面的格式进行设置。 !DOCTYPE html html lang=zh‐CN    ... /html 移动设备优先 在 Bootstrap 2 中 ，我们对框架中的某些关键部分增加了对移动设备友好的样式。而在 Bootstrap 3 中 ，我们重写了整个框架 ，使其一开始就是对移动设备友好的。这次不是简单 的增加一些可选的针对移动设备的样式 ，而是直接融合进了框架的内核中。也就是说 ， Bootstrap 是移动设备优先的。针对移动设备的样式融合进了框架的每个角落 ，而不是增加 一个额外的文件。 为了确保适当的绘制和触屏缩放 ，需要在  head 之中添加 viewport 元数据标签。 meta name=viewport content=width=device‐width, initial‐scale=1 在移动设备浏览器上 ，通过为视口 （viewport ）设置 meta 属性为  user‐scalable=no  可以 禁用其缩放 （zooming ）功能。这样禁用缩放功能后 ，用户只能滚动屏幕 ，就能让你的网站 看上去更像原生应用的感觉。注意 ，这种方式我们并不推荐所有网站使用 ，还是要看你自己 /css/ 1/81 2015/4/18 全局 CSS 样式 · Bootstrap 中文文档 的情况而定 ！ meta name=viewport content=width=device‐width, initial‐scale=1, maximum‐ scale=1, user‐scalable=no 排版与链接 Bootstrap 排版、链接样式设置了基本的全局样式。分别是 ： 为  body  元素设置  background‐color: #fff; 使用  @font‐family‐base 、@font‐size‐base  和  @line‐height‐base  a变量作为排版 的基本参数 为所有链接设置了基本颜色  @link‐color  ，并且当链接处于  :hover 状态时才添加下 划线 这些样式都能在  scaffolding.less  文件中找到对应的源码。 Normalize.css 为了增强跨浏览器表现的一致性 ，我们使用了 Normalize.css (http://necolas.github.io/normalize.css/) ，这是由 Nicolas Gallagher (/necolas) 和 Jonathan Neal (/jon_neal) 维护的一个 CSS 重置样式库。 布局容器 Bootstrap 需要为页面内容和栅格系统包裹一个  .container 容器。我们提供了两个作此用 处的类。注意 ，由于  padding  等属性的原因 ，这两种 容器类不能互相嵌套。 .container 类用于固定宽度并支持响应式布局的容器。 div class=container    ... /div .container‐fluid  类用于 100% 宽度 ，占据全部视口 （viewport ）的容器。 div class=container‐fluid    ... /div /css/