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

表單控件(下拉選擇框select)

Bootstrap框架中的下拉選擇框使用和原始的一致，多行選擇設(shè)置multiple屬性的值為multiple

• 有時(shí)候，為了布局的需要，將復(fù)選框和單選按鈕需要水平排列。Bootstrap框架也做了這方面的考慮：
  1、如果checkbox需要水平排列，只需要在label標(biāo)簽上添加類(lèi)名“checkbox-inline”
  2、如果radio需要水平排列，只需要在label標(biāo)簽上添加類(lèi)名“radio-inline

Bootstrap提供了一個(gè)容器，并且此容器設(shè)置類(lèi)名“.table-responsive”,此容器就具有響應(yīng)式效果，然后將<table class="table">置于這個(gè)容器當(dāng)中，這樣表格也就具有響應(yīng)式效果。

何謂緊湊型表格，簡(jiǎn)單理解，就是單元格沒(méi)內(nèi)距或者內(nèi)距較其他表格的內(nèi)距更小。換句話(huà)說(shuō)，要實(shí)現(xiàn)緊湊型表格只需要重置表格單元格的內(nèi)距padding的值。那么在Bootstrap中，通過(guò)類(lèi)名“table-condensed”重置了單元格內(nèi)距值。
緊湊型表格的運(yùn)用，也只是需要在<table class="table">基礎(chǔ)上添加類(lèi)名“table-condensed”.

鼠標(biāo)懸停高亮的表格使用也簡(jiǎn)單，僅需要<table class="table">元素上添加類(lèi)名“table-hover”即可.

鼠標(biāo)懸浮高亮的效果主要是通過(guò)“hover”事件來(lái)實(shí)現(xiàn)，設(shè)置了“tr:hover”時(shí)的th、td的背景色為新顏色。

注：其實(shí)，鼠標(biāo)懸浮高亮表格，可以和Bootstrap其他表格混合使用。簡(jiǎn)單點(diǎn)說(shuō)，只要你想讓你的表格具備懸浮高亮效果，你只要給這個(gè)表格添加“table-hover”類(lèi)名就好了。

Bootstrap中帶邊框的表格使用方法和斑馬線表格的使用方法類(lèi)似，只需要在基礎(chǔ)表格<table class="table">基礎(chǔ)上添加一個(gè)“.table-bordered”類(lèi)名即可.

讓表格帶有背景條紋效果。在Bootstrap中實(shí)現(xiàn)這種表格效果并不困難，只需要在<table class="table">的基礎(chǔ)上增加類(lèi)名“.table-striped”即可.

基礎(chǔ)表格
在Bootstrap中，對(duì)于基礎(chǔ)表格是通過(guò)類(lèi)名“.table”來(lái)控制。如果在<table>元素中不添加任何類(lèi)名，表格是無(wú)任何樣式效果的。想得到基礎(chǔ)表格，我們只需要在<table>元素上添加“.table”類(lèi)名，就可以得到Bootstrap的基礎(chǔ)表格.

“.table”主要有三個(gè)作用：

?????給表格設(shè)置了margin-bottom:20px以及設(shè)置單元內(nèi)距

?????在thead底部設(shè)置了一個(gè)2px的淺灰實(shí)線

?????每個(gè)單元格頂部設(shè)置了一個(gè)1px的淺灰實(shí)線

特別提示：除了”.active”之外，其他四個(gè)類(lèi)名和”.table-hover”配合使用時(shí)，Bootstrap針對(duì)這幾種樣式也做了相應(yīng)的懸浮狀態(tài)的樣式設(shè)置，所以如果需要給tr元素添加其他顏色樣式時(shí)，在”.table-hover”表格中也要做相應(yīng)的調(diào)整。

注意要實(shí)現(xiàn)懸浮狀態(tài)，需要在<table>標(biāo)簽上加入table-hover類(lèi)。

表格是Bootstrap的一個(gè)基礎(chǔ)組件之一，Bootstrap為表格提供了1種基礎(chǔ)樣式和4種附加樣式以及1個(gè)支持響應(yīng)式的表格。

Bootstrap為表格不同的樣式風(fēng)格提供了不同的類(lèi)名，主要包括：

?????.table：基礎(chǔ)表格

?????.table-striped：斑馬線表格

?????.table-bordered：帶邊框的表格

?????.table-hover：鼠標(biāo)懸停高亮的表格

?????.table-condensed：緊湊型表格

?????.table-responsive：響應(yīng)式表格

需要在pre標(biāo)簽上添加類(lèi)名“.pre-scrollable”，可以控制代碼塊區(qū)域最大高度為340px，一旦超出這個(gè)高度，就會(huì)在Y軸出現(xiàn)滾動(dòng)條。

在Bootstrap主要提供了三種代碼風(fēng)格：
1、使用<code></code>來(lái)顯示單行內(nèi)聯(lián)代碼
2、使用<pre></pre>來(lái)顯示多行塊代碼
3、使用<kbd></kbd>來(lái)顯示用戶(hù)輸入代碼

在使用代碼時(shí)，用戶(hù)可以根據(jù)具體的需求來(lái)使用不同的類(lèi)型：
1、<code>：一般是針對(duì)于單個(gè)單詞或單個(gè)句子的代碼
2、<pre>：一般是針對(duì)于多行代碼（也就是成塊的代碼）
3、<kbd>:一般是表示用戶(hù)要通過(guò)鍵盤(pán)輸入的內(nèi)容

不管使用哪種代碼風(fēng)格，在代碼中碰到小于號(hào)（<）要使用硬編碼“&lt;”來(lái)替代，大于號(hào)(>)使用“&gt;”來(lái)替代。

Bootstrap可以給<dl>添加類(lèi)名“.dl-horizontal”給定義列表實(shí)現(xiàn)水平顯示效果。

只有屏幕大于768px的時(shí)候，添加類(lèi)名“.dl-horizontal”才具有水平定義列表效果。其實(shí)現(xiàn)主要方式：

1、將dt設(shè)置了一個(gè)左浮動(dòng)，并且設(shè)置了一個(gè)寬度為160px
2、將dd設(shè)置一個(gè)margin-left的值為180px，達(dá)到水平的效果
3、當(dāng)標(biāo)題寬度超過(guò)160px時(shí)，將會(huì)顯示三個(gè)省略號(hào)

ol有序(有數(shù)字排序)? ul無(wú)序(只有點(diǎn)那種)? dl(帶有標(biāo)題的排序，里面有dt和dd)

Bootstrap像去點(diǎn)列表一樣，通過(guò)添加類(lèi)名“.list-inline”來(lái)實(shí)現(xiàn)內(nèi)聯(lián)列表，簡(jiǎn)單點(diǎn)說(shuō)就是把垂直列表?yè)Q成水平列表，而且去掉項(xiàng)目符號(hào)（編號(hào)），保持水平顯示。也可以說(shuō)內(nèi)聯(lián)列表就是為制作水平導(dǎo)航而生。

通過(guò)給無(wú)序列表添加一個(gè)類(lèi)名“.list-unstyled”,這樣就可以去除默認(rèn)的列表樣式的風(fēng)格。