成人性做爰aaa片免费,亚洲国产天堂久久综合网

表格

表格是Bootstrap的一個(gè)基礎(chǔ)組件之一，Bootstrap為表格提供了1種基礎(chǔ)樣式和4種附加樣式以及1個(gè)支持響應(yīng)式的表格。在使用Bootstrap的表格過(guò)程中，只需要添加對(duì)應(yīng)的類名就可以得到不同的表格風(fēng)格，在接下來(lái)的內(nèi)容中，我們會(huì)詳細(xì)介紹Bootstrap的表格使用。

同樣的，如果你對(duì)CSS預(yù)處理器熟悉，你可以使用Bootstrap提供的預(yù)處理版本：
? LESS版本，對(duì)應(yīng)的文件是 tables.less
? Sass版本，對(duì)應(yīng)的文件是 _tables.scss

如果你不懂LESS或Sass也不妨，你在bootstrap.css文件中第1402行~第1630行中可以查閱到所有有關(guān)于table的樣式代碼。由于代碼太長(zhǎng)，此處不一一列舉。

剛已經(jīng)說(shuō)了，Bootstrap為表格不同的樣式風(fēng)格提供了不同的類名，主要包括：

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

? .table-striped：斑馬線表格

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

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

? .table-condensed：緊湊型表格

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

任務(wù)

本小節(jié)沒(méi)有代碼任務(wù)，單擊“提交”按鈕進(jìn)行下一個(gè)小節(jié)學(xué)習(xí)。

?不會(huì)了怎么辦

index.html

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>基礎(chǔ)表格</title> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> </head> <body> <h1>基礎(chǔ)表格</h1> <table class="table"> <thead> <tr> <th>表格標(biāo)題</th> <th>表格標(biāo)題</th> <th>表格標(biāo)題</th> </tr> </thead> <tbody> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> </tbody> </table> <h1>斑馬線表格</h1> <table class="table table-striped"> <thead> <tr> <th>表格標(biāo)題</th> <th>表格標(biāo)題</th> <th>表格標(biāo)題</th> </tr> </thead> <tbody> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> </tbody> </table> <h1>帶邊框的表格</h1> <table class="table table-bordered"> <thead> <tr> <th>表格標(biāo)題</th> <th>表格標(biāo)題</th> <th>表格標(biāo)題</th> </tr> </thead> <tbody> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> </tbody> </table> <h1>鼠標(biāo)懸浮高亮的表格</h1> <table class="table table-striped table-bordered table-hover"> <thead> <tr> <th>表格標(biāo)題</th> <th>表格標(biāo)題</th> <th>表格標(biāo)題</th> </tr> </thead> <tbody> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> </tbody> </table> <h1>緊湊型表格</h1> <table class="table table-condensed"> <thead> <tr> <th>表格標(biāo)題</th> <th>表格標(biāo)題</th> <th>表格標(biāo)題</th> </tr> </thead> <tbody> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> </tbody> </table> <h1>響應(yīng)式表格</h1> <div class="table-responsive"> <table class="table table-bordered"> <thead> <tr> <th>表格標(biāo)題</th> <th>表格標(biāo)題</th> <th>表格標(biāo)題</th> </tr> </thead> <tbody> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> <tr> <td>表格單元格</td> <td>表格單元格</td> <td>表格單元格</td> </tr> </tbody> </table> </div> </body> </html>

提問(wèn)題

提交

其他問(wèn)答

查看更多本節(jié)問(wèn)答

寫(xiě)筆記

公開(kāi)筆記

提交

全屏

請(qǐng)驗(yàn)證，完成請(qǐng)求

由于請(qǐng)求次數(shù)過(guò)多，請(qǐng)先驗(yàn)證，完成再次請(qǐng)求

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

2-17 表格

表格

任務(wù)

提問(wèn)題

其他問(wèn)答

寫(xiě)筆記

您還未綁定服務(wù)號(hào)

收藏課程后，能更快找到我哦～

手記推薦

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

2-17 表格

熱搜

最近搜索清空

表格

任務(wù)

提問(wèn)題

其他問(wèn)答

寫(xiě)筆記

您還未綁定服務(wù)號(hào)

收藏課程后，能更快找到我哦～

手記推薦

收藏課程后，能更快找到我哦～