首頁 > web前端 > Bootstrap教程 > bootstrap裡面都有什麼類

bootstrap裡面都有什麼類

藏色散人
發布: 2019-07-23 11:39:28
原創
2724 人瀏覽過

bootstrap裡面都有什麼類

bootstrap裡面都有什麼類別

BootStrap中常用樣式類別

網格選項

row:行

col--:列(第一個可以為xs[超小]/sm[小型]/md [中型]/lg[大型];第二個必須為12以內的【列數】)

col--offset-:列偏移(第一個同上,第二個範圍為1~ 11,表示將該列的左外邊距(margin-left)增加列)

col---:列排序(第一個同上,第二個可以為push[向右]/pull[向左],第三個範圍是1~11【列數】)

排版

#small:內聯子標題

#lead:引導主體副本

text-:文字樣式(可以為left[左對齊]/center[居中對齊]/right[右對齊]/muted[減弱文字]

/primary/success /info/warning/danger

/justify[自動換行]/nowrap[不換行]

/lowercase[小寫]/uppercase[大寫]/capitalize[首字母大寫]

list-inline:清單置於同一行

表格

#table:基本樣式,只有橫向分割線

table-:表格樣式(*可以為triped[新增條紋]/bordered[新增邊框]/hover[啟用懸停]/condensed[更緊湊])

tr/th/td:由active/success/info/warning/danger來改變背景顏色

table-responsive:將任一table放在table-responsive內,實作響應式表格

##表單

建立基本表單(垂直表單)的步驟

向父元素新增role="form";

把標籤和控制項放在一個有class .form- group中,這是獲得最佳間距所必須的;

相關推薦:《

bootstrap教程

以上是bootstrap裡面都有什麼類的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板