亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

無序列表和有序列表使用方式和我們平時使用的一樣（無序列表使用ul，有序列表使用ol標簽）。Bootstrap對于列表，只是在margin上做了一些調整。在Bootstrap中列表也是可以嵌套的。

列表結構主要有三種：有序列表、無序列表和定義列表。
無序列表

<ul>
????<li>…</li>
</ul>

有序列表

<ol>
????<li>…</li>
</ol>

定義列表

<dl>
????<dt>…</dt>
????<dd>…</dd>
</dl>

Bootstrap根據平時的使用情形提供了六種形式的列表：

? ????普通列表

? ????有序列表

? ????去點列表

? ????內聯列表

? ????描述列表

? ????水平描述列表

排版中離不開文本的對齊方式。在CSS中常常使用text-align來實現文本的對齊風格的設置。其中主要有四種風格：

?????左對齊，取值left

?????居中對齊，取值center

?????右對齊，取值right

?????兩端對齊，取值justify

為了簡化操作，方便使用，Bootstrap通過定義四個類名來控制文本的對齊風格：

??????.text-left：左對齊

??????.text-center：居中對齊

??????.text-right：右對齊

??????.text-justify：兩端對齊

特別聲明：目前兩端對齊在各瀏覽器下解析各有不同，特別是應用于中文文本的時候。所以項目中慎用。

在Bootstrap中除了使用標簽<strong>、<em>等說明正文某些字詞、句子的重要性，Bootstrap還定義了一套類名，這里稱其為強調類名（類似前面說的“.lead”）,這些強調類都是通過顏色來表示強調，具本說明如下：

• .text-muted：提示，使用淺灰色（#999）

• .text-primary：主要，使用藍色（#428bca）

• .text-success：成功，使用淺綠色(#3c763d)

• .text-info：通知信息，使用淺藍色（#31708f）

• .text-warning：警告，使用黃色（#8a6d3b）

• .text-danger：危險，使用褐色（#a94442）

斜體類似于加粗一樣，除了可以給元素設置樣式font-style值為italic實現之外，在Bootstrap中還可以通過使用標簽<em>或<i>來實現。

粗體就是給文本加粗，在普通的元素中我們一般通過font-weight設置為bold關鍵詞給文本加粗。在Bootstrap中，可以使用<b>和<strong>標簽讓文本直接加粗。

在實際項目中，對于一些重要的文本，希望突出強調的部分都會做另外的樣式處理。Bootstrap同樣對這部分做了一些輕量級的處理。

段落p突出顯示，可以通過添加類名“.lead”實現，其作用就是增大文本字號，加粗文本，而且對行高和margin也做相應的處理。

除此之外，Bootstrap還通過元素標簽:<small>、<strong>、<em>和<cite>給文本做突出樣式處理。

段落是排版中的一個重要元素。在Bootstrap中為文本設置了一個全局的文本樣式（這里所說的文本是指正文文本）：

1、全局文本字號為14px(font-size)。

2、行高為1.42857143（line-height），大約是20px(大家看到一串的小數或許會有疑惑，其實他是通過LESS編譯器計算出來的，當然Sass也有這樣的功能)。

3、顏色為深灰色（#333）；

4、字體為"Helvetica Neue", Helvetica, Arial, sans-serif;（font-family），或許這樣的字體對我們中文并不太合適，但在實際項目中，大家可以根據自己的需求進行重置

<small>副標題標簽。這個副標題具有其自己的一些獨特樣式：

1、行高都是1，而且font-weight設置了normal變成了常規效果（不加粗），同時顏色被設置為灰色（#999）。
2、由于<small>內的文本字體在h1~h3內，其大小都設置為當前字號的65%；而在h4~h6內的字號都設置為當前字號的75%；

Bootstrap和普通的HTML頁面一樣，定義標題都是使用標簽<h1>到<h6>,只不過Bootstrap覆蓋了其默認的樣式，使用其在所有瀏覽器下顯示的效果一樣。

標題的具體運用非常簡單，和我們平時運用是一樣的，使用<h1>~<h6>標簽，分別表示標題一至標題六，h 后面的數字越大，表示級別越小，文本也越小。

Bootstrap標題樣式進行了以下顯著的優化重置：

1、重新設置了margin-top和margin-bottom的值， ?h1~h3重置后的值都是20px；h4~h6重置后的值都是10px。
2、所有標題的行高都是1.1（也就是font-size的1.1倍）,而且文本顏色和字體都繼承父元素的顏色和字體。
3、固定不同級別標題字體大小，h1=36px，h2=30px，h3=24px，h4=18px，h5=14px和h6=12px。

Bootstrap框架的核心是輕量的CSS基礎代碼庫，他并沒有一味的重置樣式，而是注重各瀏覽器基礎表現，降低開發難度。大部分前端人員都具有歸零的思想，但實際你會發現，歸零之后的樣式在開發過程中會存在著潛在的問題.

Bootstrap框架在這一部分做了一定的變更，不再一味追求歸零，而是更注重重置可能產生問題的樣式（如，body,form的margin等），保留和堅持部分瀏覽器的基礎樣式，解決部分潛在的問題，提升一些細節的體驗，具體說明如下：

• 移除body的margin聲明

• 設置body的背景色為白色

• 為排版設置了基本的字體、字號和行高

• 設置全局鏈接顏色，且當鏈接處于懸浮“:hover”狀態時才會顯示下劃線樣式

<!--?最新版本的?Bootstrap?核心?CSS?文件?-->?
<link?rel="stylesheet"??
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"?crossorigin="anonymous">?
<!--?可選的?Bootstrap?主題文件（一般不用引入）?-->?
<link?rel="stylesheet"??
integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"?crossorigin="anonymous">
?<!--?最新的?Bootstrap?核心?JavaScript?文件?-->?
?<script?src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"?
?integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"?crossorigin="anonymous"></script>

塊狀按鈕：加上類名 btn-block。可以讓按鈕寬度充滿整個父容器

<button?class="btn"?type="button">基礎按鈕.btn</button>
<button?class="btn?btn-default"?type="button">默認按鈕.btn-default</button>
<button?class="btn?btn-primary"?type="button">主要按鈕.btn-primary</button>
<button?class="btn?btn-success"?type="button">成功按鈕.btn-success</button>
<button?class="btn?btn-info"?type="button">信息按鈕.btn-info</button>
<button?class="btn?btn-warning"?type="button">警告按鈕.btn-warning</button>
<button?class="btn?btn-danger"?type="button">危險按鈕.btn-danger</button>
<button?class="btn?btn-link"?type="button">鏈接按鈕.btn-link</button>

aaaaaa