Bootstrap v3.2.0的Tables(Part 1)

Bootstrap 針對HTML的<table></table>的外觀及操作提供了數種使用簡便的選擇.

1. 第一種方式是在<table></table>中加入 CSS class .table 即可. HTML table會被配置少許的padding及水平分隔線, 但垂直分隔線則無.




2. 如果在CSS class .table 之外加上 .table-striped, 則單數列與偶數列即可以不同顏色交替呈現.



3. 如果在CSS class .table 之外加上 .table-bordered, 則表格及其中每一格將會出現邊線



4.  如果在CSS class .table 之外加上 .table-hover, 則當我們把游標移到某一列時, 該列底色將會變色.



Part 2

留言