:::
19. 導覽
20. 表格
一、快速產生
在 Visual Studio Code 中輸入
b4-table-default按 Enter 可以快速產生表格的語法。二、關於BootStrap4的表格
- 詳情：http://bootstrap.hexschool.com/docs/4.0/content/tables/
- 要套用BootStrap4的表格只要在
<table>中加入.table即可，會變成只有橫向的灰線，無垂直框線。 - 在
<table>中加入.table-inverse可以變為深色表格。 - 在
<thead>中加入.thead-inverse可以變為深色表格標題，若用.thead-default則是淺灰標題。 - 在
<table>中加入.table-striped可以讓表格內容呈現一白一灰的斑馬紋。 - 在
<table>中加入.table-bordered可以讓表格加上框線。 - 在
<table>中加入.table-hover當滑鼠移過表格內容時，會即時改變底色。 - 在
<table>中加入.table-sm更為緊密的表格，看起來比較不那麼胖（BS4新語法）。 - 在
<table>中加入.table-responsive可變成響應式表格，但只有小於768px時有效，會變成需要左右移動。 - 另外，關於顏色部份，可參考：http://bootstrap.hexschool.com/docs/4.0/content/tables/#%E8%AA%9E%E6%84%8F%E5%8C%96-class
