1. Container

Bootstrap中容器類提供了2個類標識：container、container-fluid。
兩者的區別在于：
container：容器不止有15px的padding，還有一個隨著瀏覽器寬度變化而變化的margin。container-fluid：只有固定的15px的padding。
因此，container類的自適應是通過修改margin的改變來完成的，而container-fluid類的百分百寬度是指在固定的15px的padding前提下寬度總是當前視窗的寬度。

2. Table

Bootstrap中表格的標識符包括：table、thead、tbody、tr、th、td。
其中，table表示表格主體，thead表示表頭，tbody表示表體，tr表示表格的一行，th表示表頭單元格，td表示標準單元格。

• table元素需要使用.table類進行裝飾。
• .table-striped類用來表示表體的行的斑馬色。
• .table-bordered類用來顯示表格及單元格的邊框。
• .table-hover類用來設置表體的行在鼠標停留時的突出顯示狀態。
• .table-sm類表示將單個元的padding減少一半，使得表格更緊湊。
• .table-responsive類表示表格內容超出顯示時，將顯示水平滾動條。
• .table-*類能夠改變背景色，能夠應用在table、tr和td元素上，比如，.table-dark表示黑色。
• .thead-*類能夠改變表頭背景色，比如，.thead-dark表示黑色。
• caption元素用來幫助使用屏幕閱讀器的用戶快速識別表格，并理解表格意思，類似于對表格內容的說明。
  一個表格的基本構成為

<table><caption></caption><thead><tr><th>序號</th><th></th>...</tr></thead><tbody><tr><th>1</th><td></td>...<tr></tbody>
</table>

轉載于:https://www.cnblogs.com/DreamOfLife/p/9407985.html

總結

以上是生活随笔為你收集整理的Bootstrap学习记录-2.container和table的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。