玩轉Bootstrap基礎——表格

disable發表於2021-09-09

Bootstrap為表格不同的樣式風格提供了不同的類名,主要包括:

.table:基礎表格

.table-striped:斑馬線表格

.table-bordered:帶邊框的表格

.table-hover:滑鼠懸停高亮的表格

.table-condensed:緊湊型表格

.table-responsive:響應式表格

響應式表格: 當你的瀏覽器可視區域小於768px時,表格底部會出現水平捲軸。當你的瀏覽器可視區域大於768px時,表格底部水平捲軸就會消失。


表格的行元素提供了五種不同的類名,每種類名控制了行的不同背景顏色,具體說明如下所示:

類名 描述
.active 表示當前活動的資訊
.success 表示成功或者正確的行為
.info 表示中立的資訊或行為
.warning 表示警告,需要特別注意
.danger 表示危險或者可能是錯誤的行為

圖片描述

表單

水平表單 form-horizontal
內聯表單  form-inline
隱藏標籤  sr-only

中要寫上form-control

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/200/viewspace-2807916/,如需轉載,請註明出處,否則將追究法律責任。

相關文章