3.2.2　页面主题

默认情况下，Bootstrap为全局设置的字体大小font-size为14像素，间距line-height为字体大小的1.428倍（即20像素）。该设置应用于<body>元素和所有的段落上。

  1. // 源码275行
  2. body {
  3.   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  4.   font-size: 14px;
  5.   line-height: 1.428571429;
  6.   color: #333;
  7.   background-color: #fff;
  8. }

另外，<p>元素内的段落会有一个额外的margin-bottom，大小是行间距的一半（默认为10px），详细见CSS文件bootstrap.css中的497行。

  1. // 源码464行
  2. p {  margin: 0 0 10px; }

如果想让一个段落突出显示，可以使用.lead样式，其作用主要是增大字体大小、粗细、行间距和margin-bottom。用法如下：

  1. <p class="lead">...</p>

lead样式的代码实现如下所示：

  1. // 源码467行
  2. .lead {
  3.   margin-bottom: 20px;
  4.   font-size: 16px;
  5.   font-weight: 200;
  6.   line-height: 1.4;
  7. }
  8. @media (min-width: 768px) {                     /*大中型浏览器字体稍大*/
  9.   .lead {    font-size: 21px;  }
  10. }

Bootstrap的排版设置默认值存储在variables.less文件里的两个LESS变量里：@font-size-base和@line-height-base。第一个用于设置字体大小，第二个用于设置行间距。系统默认使用这两个值产生整个页面相应的margin、padding和line-height。通过修改这两个值后，再重新编译，从而制定自己的Bootstrap版本。