玩轉Bootstrap基礎——表格
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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 【前端基礎】Bootstrap前端boot
- 教你零基礎玩轉 vim
- Bootstrap基礎入門boot
- 初學 Bootstrap 表格boot
- bootstrap框架基礎和常用元件boot框架元件
- 怎麼用 PHP 玩轉程式之一 — 基礎PHP
- 【WEB基礎】HTML & CSS 基礎入門(7)表格WebHTMLCSS
- Spring MVC與Bootstrap基礎教程 - josdemSpringMVCboot
- BootStrap基礎入門概述總結boot
- [開發教程]第14講:Bootstrap表格boot
- bootstrap-table表格顯示問題boot
- 2020-11-17 學習總結:bootstrap基礎boot
- 回到基礎:如何用原生 DOM API 生成表格API
- HTML基礎知識6-表格標籤HTML
- mysql基礎 行轉列MySql
- html轉Excel表格HTMLExcel
- 基於Bootstrap的標籤頁元件bootstrap-tabboot元件
- 玩轉雲端 | 算力基礎設施升級,看天翼雲紫金DPU顯身手!
- 經典 bpf 範例: bootstrap 分析 - eBPF基礎知識 Part3booteBPF
- 如何去掉bootstrap table中表格樣式中橫線豎線boot
- [html基礎]原生表格一鍵搭建,一鍵生成程式碼HTML
- Excel表格轉Json格式ExcelJSON
- 一起玩轉玩轉LiteOS元件:TinyFrame元件
- 玩轉macMac
- 玩轉「Canvas」Canvas
- 玩轉EsLintEsLint
- 玩轉 ByteBuffer
- 玩轉 pyocd
- 玩轉redisRedis
- 玩轉TCPTCP
- excel表格怎麼轉換成word文件 表格資料轉換到文件Excel
- lua基礎教程(轉其他網站)網站
- 【轉】JavaScript物件的基礎知識JavaScript物件
- 零基礎轉行IT可行嗎?
- 玩轉SSH埠轉發
- C#+OpenCV基礎(四)_旋轉翻轉透視C#OpenCV
- 10分鐘做好 Bootstrap Blazor 的表格元件匯出 Excel/Word/Html/PdfbootBlazor元件ExcelHTML
- Android零基礎入門第29節:善用TableLayout表格佈局,Android