bootstrap key words

柵格化: 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

相關文章
相關標籤/搜索