bootstrap-3

段落:

  1.全局文本字号为14px(font-size);

  2.行高为1.42857143(line-height),大约是20px(一串数字是由less编译器计算出来的,当然sass也有这样的功能)

  3.颜色为深灰色(#333)

  4.字体为“Helvetica Neue”,Helvetica,Arial,sans-serif,或许这样的字体对我们中文并不太合适,但是在实际项目中,大家可以根据自己的需求进行重置,这些设置都是body元素上,详见bootstrap.css中274-280行;

  另外在Bootstrap中,为了让段落p元素之间具有一定的间距,便于用户阅读,特意设置了p元素的margin值,详见bootstrap.css的467行-469行;

强调内容:

  如果想让一个p突出显示,可以通过添加类名".lead"实现,其作用就是增大文本字号,加粗文本,而且对行高和margin也做相应的处理。

  除此之外,还通过元素标签<small><strong><em><cite>给文本做突出样式处理。

粗体:

  在普通的元素在我们一般通过font-weight设置为Bold给文本加粗。在bootstrap中,可以使用<b><strong>标签给文本直接加粗。

斜体:

  除了给元素设置样式font-style值为italic实现之外,在bootstrap中还可以通过使用<em>或者<i>标签定义强调文本

强调相关的类:

  1、.text-muted:提示,使用浅灰色(#999)

  2、.text-primary:主要,使用蓝色(#428bca)

  3、.text-success:成功,使用浅蓝色(#3c763d)

  4、.text-info:通知信息,使用浅蓝色(#31708f)

  5、.text-warning:警告,使用黄色(#8a6d3b)

  6、.text-danger:危险,使用褐色(#a94442)

文本对齐风格:

  text-align:left/center/right/justify

  为了简化操作,方便使用,bootstrap定义了四个类名来控制文本的对齐方式:

  .text-left/.text-center/.text-right/.text-justify

原文地址:https://www.cnblogs.com/jodie-blog/p/5024331.html