玩轉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
- 零基礎玩轉ServerlessServer
- Bootstrap基礎入門boot
- 教你零基礎玩轉 vim
- 初學 Bootstrap 表格boot
- bootstrap3-表格boot
- 玩轉Linux – shell 程式設計基礎Linux程式設計
- Bootstrap系列 -- 9. 表格boot
- bootstrap框架基礎和常用元件boot框架元件
- 【WEB基礎】HTML & CSS 基礎入門(7)表格WebHTMLCSS
- 怎麼用 PHP 玩轉程式之一 — 基礎PHP
- Bootstrap全域性樣式 - 表格boot
- BootStrap基礎入門概述總結boot
- Bootstrap系列 -- 11. 基礎表單boot
- bootstrap基礎學習一篇boot
- 玩轉iOS開發:1.《Core Animation》基礎概念iOS
- Spring MVC與Bootstrap基礎教程 - josdemSpringMVCboot
- Bootstrap系列 -- 38. 基礎導航條boot
- MSSQL基礎教程:多表格查詢SQL
- Jupyter+Docker玩轉《Python資料分析基礎》DockerPython
- 玩轉無線路由之DD-WRT基礎掃盲路由
- Bootstrap系列 -- 37. 基礎導航樣式boot
- [開發教程]第14講:Bootstrap表格boot
- bootstrap-table表格顯示問題boot
- Bootstrap框架的使用之載入表格boot框架
- bootstrap13-邊框表格佈局boot
- 回到基礎:如何用原生 DOM API 生成表格API
- HTML基礎知識6-表格標籤HTML
- bootstrap17-響應式表格佈局boot
- 15天玩轉redis —— 第二篇 基礎的字串型別Redis字串型別
- shell基礎(轉)
- ODBC 基礎(轉)
- PKI基礎 (轉)
- vb基礎 (轉)
- 【BootStrap】--具有增刪改查功能的表格Demoboot
- 華表基礎(轉)
- JavaScript 基礎教程 (轉)JavaScript
- 淨室基礎 (轉)