🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
Bootstrap 将全局 `font-size` 设置为 **14px**,`line-height` 设置为 **1.428**。这些属性直接赋予 `<body>` 元素和所有段落元素。另外,`<p>` (段落)元素还被设置了等于 1/2 行高(即 10px)的底部外边距(margin)。 ***** Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. ~~~html <p>...</p> ~~~ ***** ### 通过添加 `.lead` 类可以让段落突出显示。 Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus. ~~~html <p class="lead">...</p> ~~~ ***** ### 使用 Less 工具构建 **variables.less** 文件中定义的两个 Less 变量决定了排版尺寸:`@font-size-base` 和 `@line-height-base`。第一个变量定义了全局 font-size 基准,第二个变量是 line-height 基准。我们使用这些变量和一些简单的公式计算出其它所有页面元素的 margin、 padding 和 line-height。自定义这些变量即可改变 Bootstrap 的默认样式。