第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

無(wú)序列表和有序列表使用方式和我們平時(shí)使用的一樣（無(wú)序列表使用ul，有序列表使用ol標(biāo)簽）。Bootstrap對(duì)于列表，只是在margin上做了一些調(diào)整。在Bootstrap中列表也是可以嵌套的。

列表結(jié)構(gòu)主要有三種：有序列表、無(wú)序列表和定義列表。
無(wú)序列表

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

有序列表

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

定義列表

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

Bootstrap根據(jù)平時(shí)的使用情形提供了六種形式的列表：

? ????普通列表

? ????有序列表

? ????去點(diǎn)列表

? ????內(nèi)聯(lián)列表

? ????描述列表

? ????水平描述列表

排版中離不開文本的對(duì)齊方式。在CSS中常常使用text-align來(lái)實(shí)現(xiàn)文本的對(duì)齊風(fēng)格的設(shè)置。其中主要有四種風(fēng)格：

?????左對(duì)齊，取值left

?????居中對(duì)齊，取值center

?????右對(duì)齊，取值right

?????兩端對(duì)齊，取值justify

為了簡(jiǎn)化操作，方便使用，Bootstrap通過(guò)定義四個(gè)類名來(lái)控制文本的對(duì)齊風(fēng)格：

??????.text-left：左對(duì)齊

??????.text-center：居中對(duì)齊

??????.text-right：右對(duì)齊

??????.text-justify：兩端對(duì)齊

特別聲明：目前兩端對(duì)齊在各瀏覽器下解析各有不同，特別是應(yīng)用于中文文本的時(shí)候。所以項(xiàng)目中慎用。

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

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

• .text-primary：主要，使用藍(lán)色（#428bca）

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

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

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

• .text-danger：危險(xiǎn)，使用褐色（#a94442）

斜體類似于加粗一樣，除了可以給元素設(shè)置樣式font-style值為italic實(shí)現(xiàn)之外，在Bootstrap中還可以通過(guò)使用標(biāo)簽<em>或<i>來(lái)實(shí)現(xiàn)。

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

在實(shí)際項(xiàng)目中，對(duì)于一些重要的文本，希望突出強(qiáng)調(diào)的部分都會(huì)做另外的樣式處理。Bootstrap同樣對(duì)這部分做了一些輕量級(jí)的處理。

段落p突出顯示，可以通過(guò)添加類名“.lead”實(shí)現(xiàn)，其作用就是增大文本字號(hào)，加粗文本，而且對(duì)行高和margin也做相應(yīng)的處理。

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

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

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

2、行高為1.42857143（line-height），大約是20px(大家看到一串的小數(shù)或許會(huì)有疑惑，其實(shí)他是通過(guò)LESS編譯器計(jì)算出來(lái)的，當(dāng)然Sass也有這樣的功能)。

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

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

<small>副標(biāo)題標(biāo)簽。這個(gè)副標(biāo)題具有其自己的一些獨(dú)特樣式：

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

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

標(biāo)題的具體運(yùn)用非常簡(jiǎn)單，和我們平時(shí)運(yùn)用是一樣的，使用<h1>~<h6>標(biāo)簽，分別表示標(biāo)題一至標(biāo)題六，h 后面的數(shù)字越大，表示級(jí)別越小，文本也越小。

Bootstrap標(biāo)題樣式進(jìn)行了以下顯著的優(yōu)化重置：

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

Bootstrap框架的核心是輕量的CSS基礎(chǔ)代碼庫(kù)，他并沒(méi)有一味的重置樣式，而是注重各瀏覽器基礎(chǔ)表現(xiàn)，降低開發(fā)難度。大部分前端人員都具有歸零的思想，但實(shí)際你會(huì)發(fā)現(xiàn)，歸零之后的樣式在開發(fā)過(guò)程中會(huì)存在著潛在的問(wèn)題.

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

• 移除body的margin聲明

• 設(shè)置body的背景色為白色

• 為排版設(shè)置了基本的字體、字號(hào)和行高

• 設(shè)置全局鏈接顏色，且當(dāng)鏈接處于懸浮“:hover”狀態(tài)時(shí)才會(huì)顯示下劃線樣式

<!--?最新版本的?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/bootstrap@3.3.7/dist/js/bootstrap.min.js"?
?integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"?crossorigin="anonymous"></script>

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

<button?class="btn"?type="button">基礎(chǔ)按鈕.btn</button>
<button?class="btn?btn-default"?type="button">默認(rèn)按鈕.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">危險(xiǎn)按鈕.btn-danger</button>
<button?class="btn?btn-link"?type="button">鏈接按鈕.btn-link</button>

aaaaaa