柵格化: container --row- col-md-8
流體: container-fluid--row-col-md-8
媒體查詢: @media (min-width: @screen-sm-min) { ... }
.clearfix 清除浮動
列偏移: col-md-offset-2
列排序:col-md-push/col-md-pull 後推前拉
排版: h1-h6標籤 標題有尺寸和margin
h1-h6class 文字尺寸,無margin
使用 <small> 標籤包裹,其內的文本將被設置爲父容器字體大小的 85%
img: img-responsive 圖片響應
p: lead 強調樣式 text-center 居中
經過添加 .lead 類可讓段落突出顯示
cite 引用標籤斜體 em斜體 strong 加粗 b加粗
blockquote引用 .pull-right引用右對齊
添加 <footer> 用於標明引用來源。來源的名稱能夠包裹進 <cite>標籤中。
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
</blockquote>
.blockquote-reverse 類可讓引用呈現內容右對齊的效果
address 地址標籤
abbr縮略語<abbr title="跟我一塊兒學習Bootstrap">學習bootstrap</abbr>
.initialism: 大寫
文本高亮: <mark> 標籤
對於被刪除的文本使用 <del> 標籤,文本會有中劃線
對於沒用的文本使用 <s> 標籤,文本會有中劃線
額外插入的文本使用 <ins> 標籤,文本會有下劃線
文本添加下劃線,使用 <u> 標籤
<b> 用於高亮單詞或短語,不帶有任何着重的意味;而 <i> 標籤主要用於發言、技術詞彙等
列表相關:
list-inline: 行內樣式
list-unstyled 去除樣式
dl-horizontal dl內所有放在一行
經過 text-overflow 屬性,水平排列的描述列表將會截斷左側太長的短語。在較窄的視口(viewport)內,列表將變爲默認堆疊排列的佈局方式。
code標籤包住一行內的代碼
kbd標籤: 用戶輸入
pre標籤: 代碼塊
.pre-scrollable 類,其做用是設置 max-height 爲 350px ,並在垂直方向展現滾動條
經過 <var> 標籤標記變量
經過 <samp> 標籤來標記程序輸出的內容bootstrap