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>