bootstrap 快速入門
簡介
是一個的 HTML、CSS 和 JS 框架
配置頁面
遠程訪問
本地訪問
代碼容器
.container
.container-fluid
柵格系統(tǒng)
將一行分割成12列, 可以使用col-md-*的方式了來聲明需要占用的寬度
根據(jù)屏幕的尺寸分成了四種情況 col-lg-* col-md-* col-sm-* col-xs-*
列的偏移
.col-md-offset-*
列的嵌套
段落
p標簽
顏色設(shè)置
背景色
...
...
...
...
...
前景色
...
...
...
...
...
...
內(nèi)聯(lián)文本樣式
mark標簽------加亮文本
s標簽 ----- 刪除文本
u標簽 ----- 下劃線文本
b標簽 -----加重文本
i標簽 ----- 斜體文本
code標簽 ---- 代碼文本
kbd標簽 ---- 鍵盤按鍵標識
pre標簽 ---- 原樣輸出(輸出代碼事例)
對齊方式
text-left
text-center
text-right
字符串大小寫
text-lowercase
text-uppercase
text-capitalize
引用
blockquote & footer
blockquote-reverse & footer
列表
無序列表
ul li
有序列表
ol li
無樣式列表
list-unstyled
行內(nèi)列表
list-inline
描述
dl dt dd
浮動
快速浮動
pull-left
pull-right
center-block
清除浮動
clearfix
快速顯示和隱藏
show
hide
表格
基本結(jié)構(gòu)
| # | number |
| 1111 | 2222 |
斑馬紋理
table-striped
邊框
table-bordered
懸浮變色
table-hover
情景顏色
active
success
info
warning
danger
表單
默認
行內(nèi)
水平排版
校驗元素
has-warning
has-error
has-success
元素大小
高度
input-lg
input-sm
input-md
寬度
col-md-*
按鈕
類名
btn
樣式
btn-default
btn-primary
btn-success
btn-info
btn-warning
btn-danger
尺寸
btn-lg
btn-md
btn-sm
btn-xs
圖片
響應(yīng)式
img-responsive
圖片形狀
img-rounded
img-circle
img-thumbnail
響應(yīng)式類
visible-lg visible-md visible-sm visible-xs
hidden-lg hidden-md hidden-sm hidden-xs
組件
圖標
按鈕組
不帶下拉框
帶下拉框
尺寸
btn-lg
btn-md
btn-sm
btn-xs
導(dǎo)航
導(dǎo)航條
路徑導(dǎo)航
分頁
標簽
徽章
巨幕
警告框
進度條
媒體對象
列表組
面板
附件：http://down.51cto.com/data/2366806創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務(wù)器，動態(tài)BGP最優(yōu)骨干路由自動選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證， 機房獨有T級流量清洗系統(tǒng)配攻擊溯源，準確進行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動現(xiàn)已開啟，新人活動云服務(wù)器買多久送多久。
重慶分公司
重慶分公司
