1.1柵格系統
1、柵格系統是一種行和列構成的一種布局。隨著，螢幕解析度的變大，最多可展示12個列。
pc端：
pad端：
手機終端：
2、柵格引數：
col-lg-:(螢幕》=1200px) pc
col-md-:（992px-1200px）
col-sm-:（768px-992px）小平板
col-xs-:（小於768px）手機
3.**示例：
1.文字顏色：
×
左浮動：pull-left
右浮動：pull-right 清除浮動：clearfix
浮動會將塊元素轉換成行內元素
這是左邊的內容
這是右邊的內容
塊元素水平居中
塊元素垂直居中
1.3**
1.**顏色：active,warning,danger,info,danger
2.滑鼠懸停效果：table-hover
3.帶邊框**：table-bordered
4.各行換色：table-striped
姓名：
性別：年齡：
張三男23
張三男23
張三男23
class屬性：ul:list-group
li:list-group-item 徽章：span:badge
列表項顏色：list-group-item-(success/warning/danger)
10
類容內容內容
表單分組：form-group
表單項：(input/span/textarea):form-control
bootstrap 常用內聯文字
php中文網是乙個永久免費的web開發學習 vip課程原價 999活動 699 vip課程原價 999活動 699 歡迎來php中文網學習bootstrap入門課程 歡迎來php中文網學習bootstrap入門課程 正常文字小號文字正常文字 正常文字加粗文字正常文字 php中文網 php中文網 ph...
Bootstrap 常用布局元件
只需要向 元素新增 class panel 和 class panel default 即可 這是乙個基本的面板 面板標題 使用 panel heading class 可以很簡單地向面板新增標題容器。to easily add a heading container to your panel.使...
Bootstrap中常用 類名記錄
排版輔助類 響應式工具 container類用於固定寬度並支援響應式布局的容器。container fluid類用於 100 寬度，佔據全部視口 viewport 的容器。注 由於 padding 等屬性的原因，這兩種容器類不能互相巢狀 col xs 超小螢幕 手機 768px col sm 小螢幕...