Bootstrap學習2

一、表格

表格行的類：Bootstrap還爲表格的行元素<tr>提供了五種不一樣的類名，每種類名控制了行的不一樣背景顏色

.active 表示當前活動的信息

.success 表示成功或者正確的行爲

.info 表示中立的信息或行爲

.warning 表示警告，須要特別注意

.danger 表示危險或者多是錯誤的行爲

用法：

<table class="table table-hover">  #table-hover  爲鼠標懸浮高亮樣式  ，table-bodered爲帶側邊框樣式 ,table-condensed 縮小表格單元內距
<tr class="success">
      <td>.success</td>
      <td>表示成功或者正確的行爲</td>
 </tr>
 </table>

響應式表格：Bootstrap提供了一個容器，而且此容器設置類名「.table-responsive」,此容器就具備響應式效果，而後將<table class="table">置於這個容器當中，這樣表格也就具備響應式效果。當你的瀏覽器可視區域小於768px時，表格底部會出現水平滾動條。當你的瀏覽器可視區域大於768px時，表格底部水平滾動條就會消失。

用法：

<div class="table-responsive">
<table class="table table-bordered">
   …
</table>
</div>