1輸入框組
- input-group:只能用于文本框<input>脉让,不能用于<select>和<textarea>。
- input-group-addon:用于在<input>前后添加額外元素奈附,賦給一個(gè)<span>元素即可刁赦,注意:將input-group-addon和<input>元素包在input-group之中娶聘。
- input-group-lg 和 input-group-sm可以改變輸入框組的尺寸。
- input-group-btn:可以作為額外的元素的按鈕甚脉,應(yīng)該是作為<button>的父元素丸升。
Paste_Image.png
Paste_Image.png
2標(biāo)簽頁(yè)組
- nav:標(biāo)簽頁(yè)的基類
- nav-tabs:是標(biāo)簽頁(yè)的樣式
- active:是標(biāo)簽頁(yè)的狀態(tài)類(當(dāng)前樣式)
- nav-pills:膠囊式標(biāo)簽頁(yè)
- nav-stacked :膠囊式標(biāo)簽頁(yè)堆放排列(垂直排列)
Paste_Image.png
Paste_Image.png
3路徑導(dǎo)航
- breadcrumb 賦給ol、ul可以實(shí)現(xiàn)面包屑效果
- active 賦給當(dāng)前欄目牺氨,當(dāng)前欄目不加鏈接
Paste_Image.png
Paste_Image.png
4縮略圖
- thumbnail:賦給a元素狡耻,可以實(shí)現(xiàn)縮略圖樣式
- caption:可以實(shí)現(xiàn)縮略圖標(biāo)題及描述
Paste_Image.png
Paste_Image.png
5分頁(yè)
.pagination:賦給ul元素可以實(shí)現(xiàn)分頁(yè)
.«:上一頁(yè)
.»:下一頁(yè)
.disabled:禁用狀態(tài)
.active:激活狀態(tài)
.pagination-lg:分頁(yè)大尺寸
.pagination-sm:分頁(yè)小尺寸
.pager:可以實(shí)現(xiàn)翻頁(yè)效果,上一頁(yè)猴凹、下一頁(yè)效果夷狰。
Paste_Image.png
Paste_Image.png
6導(dǎo)航欄
- navbar:導(dǎo)航欄的基類,用于<nav>元素
- navbar-default:導(dǎo)航欄默認(rèn)樣式精堕,用于<nav>元素
- container:是<nav>的子元素孵淘,導(dǎo)航欄內(nèi)容都放入其中
- navbar-header:導(dǎo)航欄頭部樣式
- navbar-brand:設(shè)置品牌圖標(biāo)樣式
- collapse:是折疊導(dǎo)航欄的樣式的基類
- nav-collapse:是折疊導(dǎo)航欄樣式
- nav:是導(dǎo)航欄的鏈接基類
- navbar-nav:是導(dǎo)航欄的鏈接樣式
- navbar-form:導(dǎo)航欄表單,可以使表單元素排在同一行
- navbar-left 或 navbar-right:組件排列歹篓。導(dǎo)航鏈接瘫证、表單,按鈕或文本對(duì)齊
- navbar-btn:對(duì)于不在<form>中的<button>元素庄撮,實(shí)現(xiàn)垂直對(duì)齊
- navbar-text:對(duì)于導(dǎo)航欄的普通文本有了行距和顏色背捌,通常用于<p>元素
- navbar-fixed-top:導(dǎo)航欄固定在頂部,用于<nav>元素洞斯,需要為<body>設(shè)置padding-top:70px
- navbar-fixed-bottom:導(dǎo)航欄固定在底部毡庆,用于<nav>元素,需要為<body>設(shè)置padding-bottom:70px
- navbar-static-top:導(dǎo)航欄靜止在頂部烙如,用于<nav>元素么抗,會(huì)隨著滾動(dòng)條移動(dòng)而消失
- navbar-inverse:可以實(shí)現(xiàn)反色導(dǎo)航欄,用于<nav>元素
Paste_Image.png
Paste_Image.png