1.首先介紹一下CSS代碼的顯示：
(1)<code>元素顯示單行內聯代碼。設置背景顏色和內部文本顏色。
(2)<pre>元素新生多行代碼塊。顯示大塊的代碼段，並保持原有格式不變。
(3)<kbd>元素顯示用戶輸入代碼。
2.表格
在表格組件裏，Bootstrap提供了一種基礎的table樣式，4種附加樣式(table-sstriped、
table-bordered、table-hover、table-condensed)以及一個支持響應式佈局的table-responsive
容器樣式。注意：每種附加樣式都是在table樣式的基礎上聯合應用才生效的。
(1).基礎樣式：table
只要在table元素上應用table樣式就可以製作出漂亮的表格。
可以參照圖2和圖3來進行對比：
圖2(未應用table樣式)
圖3(應用table樣式)
圖3所對應的代碼3爲：
代碼3：
<table class="table">
/*圖2和圖3的區別在於table樣式的應用與否*/
<tr><td>#</td><td>圖書名稱</td><td>出版社</td><td>作譯者</td></tr>
<tr>
<td>1</td>
<td>javascript編程精解</td>
<td>機械工業出版社</td>
<td>湯姆大叔(譯)</td>
</tr>
<tr>
<td>2</td>
<td>javascript設計模式</td>
<td>人民郵電出版社</td>
<td>湯姆大叔(譯)</td>
</tr>
<tr>
<td>3</td>
<td>javascript啓示錄</td>
<td>人民郵電出版社</td>
<td>湯姆大叔(譯)</td>
</tr>
<tr>
<td>4</td>
<td>深入理解Bootstrap</td>
<td>機械工業出版社</td>
<td>湯姆大叔(譯)</td>
</tr>
</table>
table樣式的主要作用有3個：
增加單元格的內邊距；
在thead的底部設置一條2像素的粗線；
在每行記錄的頂部都有一條1px的細線。
(2).帶背景條紋的表格：
在現有的table樣式的基礎上再應用一個table-striped的樣式，就設置了隔行加背景色。
例如：在代碼3的基礎上添加該樣式就可以得到圖4及其對應的代碼4：
圖4
代碼4：
<table class="table table-striped">
<tr><td>#</td><td>圖書名稱</td><td>出版社</td><td>作譯者</td></tr>
<tr>
<td>1</td>
<td>javascript編程精解</td>
<td>機械工業出版社</td>
<td>湯姆大叔(譯)</td>
</tr>
<tr>
<td>2</td>
<td>javascript設計模式</td>
<td>人民郵電出版社</td>
<td>湯姆大叔(譯)</td>
</tr>
<tr>
<td>3</td>
<td>javascript啓示錄</td>
<td>人民郵電出版社</td>
<td>湯姆大叔(譯)</td>
</tr>
<tr>
<td>4</td>
<td>深入理解Bootstrap</td>
<td>機械工業出版社</td>
<td>湯姆大叔(譯)</td>
</tr>
</table>
(3).帶邊框的表格
在table樣式的基礎上添加樣式table-bordered，就可以實現爲表格添加邊框的效果；
例5：爲表格添加邊框效果
圖5
代碼5：相對於代碼4只改了一處，
將代碼4中第一行：<table class="table table-striped">
改爲代碼5的第一行：<table class="table table-bordered">
(4).鼠標懸停高亮表格
table-hover樣式：當鼠標移動到其上方時會變換顏色。用法參見代碼4和代碼5.
(5).緊湊型表格
緊湊型表格指的是表格的顯示比普通表格稍微緊湊一些，即是減小了單元格的內邊距。
樣式爲：table-condensed
具體用法可以參見代碼4和代碼5。
3.行級元素樣式
Bootstrap爲表格的tr元素提供了5中額外的樣式，用於控制tr的背景顏色。
tr的行級元素樣式：
(1).active：表示當前活動的信息；
(2).success：表示成功或者正確的行爲；
(3).info：表示中立的信息或行爲；
(4).warning：表示警告，需要特別注意；
(5).danger：表示危險或者可能是錯誤的行爲；
可以對代碼3的5行分別設置行的顏色，最終的顯示效果如圖6：
圖6
4.響應式表格
Bootstrap爲表格提供了一個響應式設計的容器(table-responsive)，將table-responsive樣式包裝在
table樣式外部即可創建響應式表格，其會在小屏幕設備(<768px)上滾動；當屏幕大於768px時，水
平滾動條消失。具體可見下方的圖7和圖8：
圖7(當屏幕寬度小於768px時)
圖8(當屏幕寬度大於768px時)