BootStrap中常用樣式類是什么

這篇文章給大家分享的是有關(guān)BootStrap中常用樣式類是什么的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

bootstrap里面都有什么類

BootStrap中常用樣式類

網(wǎng)格選項

row：行

col--：列（第一個可以為xs[超小]/sm[小型]/md[中型]/lg[大型]；第二個必須為12以內(nèi)的【列數(shù)】）

col--offset-：列偏移（第一個同上，第二個范圍為1~11，表示把該列的左外邊距（margin-left）增加列）

col---：列排序（第一個同上，第二個可以為push[向右]/pull[向左]，第三個范圍是1~11【列數(shù)】）

排版

small：內(nèi)聯(lián)子標題

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內(nèi)，實現(xiàn)響應式表格

表單

創(chuàng)建基本表單（垂直表單）的步驟

向父元素添加role="form"；

把標簽和控件放在一個帶有class .form-group中，這是獲得最佳間距所必須的；

感謝各位的閱讀！關(guān)于BootStrap中常用樣式類是什么就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！