Bootstrap-段落和文本

1、设置了全局的文本样式，如下：

源码：

body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.42857143;color: #333;background-color: #fff;}

这几个属性均为继承属性，故所有文本都是这些样式效果，实际需求中，可以自己重设。

2、设置了p元素之间的间距

源码：

p {margin: 0 0 10px；}

3、使用

<p>我是一个段落，你猜我在Bootstrap是以什么样的风格显示。</p>

4、对希望突出强调的部分：

    a、段落，通过增加类名lead，lead样式如下；

源码：

.lead {margin-bottom: 20px;font-size: 16px;font-weight: 200;line-height: 1.4;}
@media (min-width: 768px) {/*大中型浏览器字体稍大*/
.lead {font-size: 21px;}
}

   b、通过元素标签<small><strong><em><cite>给文本做突出样式处理

源码：

b,strong { font-weight: bold; /*文本加粗*/}


small,.small { font-size: 85%; /*标准字体的85%,也就是14px * 0.85px，差不多12px*/}


cite {font-style: normal;}

   c、用法

<p>我是一个<strong>普通</strong>的段落，<small>我不需要强调显示<small></p>
<p class="lead">这部分内容需<strong>要特别</strong>的强调，<small>我和别人长得不一样</small></p>

5、给文本加粗，直接用 <strong><b>标签来 加粗（在普通元素中，通过font-weight加粗）

源码：

b,strong { font-weight: bold; /*文本加粗*/}

用法：

<p>我是一个段落，这个段落中“<strong>强调</strong>”一词将会加粗显示。</p>
<p>我是一个段落，这个段落中“<b>强调</b>”一词将会加粗显示。</p>

6、斜体，可以直接用 <em><i>实现 斜体(普通文本中用font-style实现斜体)

<p>我正在学习<i>Bootstrap</i>。我发现<em>Bootstrap</em>真的好强大。</p>

7、 强调类名、通过颜色来表示强调来说明文字，句子重要性，具体如下：

• .text-muted：提示，使用浅灰色（#999）
• .text-primary：主要，使用蓝色（#428bca）
• .text-success：成功，使用浅绿色(#3c763d)
• .text-info：通知信息，使用浅蓝色（#31708f）
• .text-warning：警告，使用黄色（#8a6d3b）
• .text-danger：危险，使用褐色（#a94442）

用法：

<p class="text-danger">我是一段危险信息，请用<span class="text-primary">Bootstrap</span>框架中的危险风格显示</p>

8、文本对齐， 对齐类名的方式来控制

 ☑   .text-left：左对齐

  ☑   .text-center：居中对齐

  ☑   .text-right：右对齐

  ☑   .text-justify：两端对齐

用法：

<p class="text-right">给我加个类，我就向右对齐。</p>