上講回顧：bootstrap的手腳架(scaffolding)提供了固定(fixed)和流式(fluid)兩種布局，它同時建立了乙個寬達940px和12列的格網系統。
基於手腳架(scaffolding)之上，bootstrap的基礎css(base css)提供了一系列的基礎html頁面要素，旨在為使用者提供新鮮、一致的頁面外觀和感覺。本文將主要深入講解排版(typography),**(table),表單(forms),按鈕(buttons)這四個方面的內容。
排版 (typography)，它囊括標題(headings),段落 (paragraphs), 列表(lists)以及其他內聯要素。我們可以通過修改variables.less的兩個變數:@basefontsize 和 @baselineheight來控制整體排版的樣式。bootstrap同時還用了一些其他的算術方法來建立所有型別要素的margin,padding,line-height等。
1.1 標題和段落使用常見的html和
即可表現,可以不必考慮margin,padding。兩者顯示效果如圖2-1所示：
圖2-1 標題與段落(headings¶graphs)
1.2 強調(emphasis).使用和兩個標籤，前者使用粗體，後者使用斜體來強調標籤內容。請注意標籤在html4中定義語氣更重的強調文字；在 html 5 中，定義重要的文字。這些短語標籤也可以通過定義css的方式來豐富效果。更多短語標籤請參見[1].縮寫(abbreviations ).使用，它重新封裝了該標籤，滑鼠滑過會非同步地顯示縮寫的含義。引入title屬性來顯示原文，使用.initialism類對縮寫以大寫方式顯示。
1.3 引用文字(blockquotes).使用
標籤和兩個標籤，前者是引用的文字內容，後者是可選的要素，能夠新增書寫式的引用，比如內容作者。如圖2-2所示圖2-2 引用(blockquotes)
**片段如下所示：
複製**
凌冬將至. 我是黑暗中的利劍，長城上的守衛，抵禦寒冷的烈焰，破曉時分的光線，喚醒眠者的號角，守護王國的堅盾。
守夜人軍團總司令.蒙奇.d.路飛
凌冬將至.
我是黑暗中的利劍，長城上的守衛，抵禦寒冷的烈焰，破曉時分的光線，喚醒眠者的號角，守護王國的堅盾。
守夜人軍團總司令.蒙奇.d.路飛
複製**
1.4列表(lists).bootstrap提供三種標籤來表現不同型別的列表。表示無序列表，表示無樣式的無序列表，表示有序列表，表示描述列表，表示豎排描述列表。圖2-3較好顯示了這幾種列表：
圖2-3 列表(lists)
2.**(table).依然使用等標籤來表現**。主要提供了四個css的類來控制**的邊和結構。表2-1顯示了bootstrap的table可選項。
名字class
描述default
none
沒有樣式，只有行和列
basic
.table
只有在行間有豎線
bordered
.table-bordered
圓角和新增外邊框
zebra-stripe
.table-striped
為奇數行新增淡灰色的背景色
condensed
.table-condensed
將橫向的 padding 對切
表2-1 **選項(table options)
我們可以將這些css類結合起來使用，如圖2-4所示，顯示乙個混合的**：
圖2-4 **(table)
**片段如下所示：
view code
3. 表單(forms).bootstrap的表單是非常驚豔的部分。最好的地方在於你如何使用這些hmtl標籤，它都會有很好的表現效果，而且不需要其他多餘的**。無論多複雜的布局都可以根據這些簡潔，可擴充套件，事件繫結的要素來輕易實現。主要提供了四四種表單選項，如表2-2所示：
名字class
描述vertical (default)
.form-vertical (not required)
堆放式, 可控制的左對齊標籤
inline
.form-inline
左對齊標籤和簡約的內聯控制塊
search
.form-search
放大的圓角，具有美感的搜尋框
horizontal
.form-horizontal
左漂浮, 右對齊標籤
推薦到官方文件去體驗下各種表單要素的真實效果，在chrome,firefox等現代瀏覽器下顯示十分優雅。同時可以使用.control-group來控制表單輸入、錯誤等狀態，需要wekit核心。如圖2-5所示：
圖2-5 表單狀態控制
**片段如下：
view code
4.按鈕(buttons).bootstrap提供多種樣式的按鈕，同樣是通過css的類來控制,包括btn, btn-primary, btn-info,btn-success等不同顏色的按鈕，亦可以簡單通過.btn-large .btn-mini等css的class控制按鈕大小，能夠同時用在,,標籤上，非常簡單易用。如圖2-6所示，不同顏色的按鈕：
圖2-6 按鈕(buttons)
**片段如下：
view code
1. m. pilgrim, html5: up and running: oreilly & associates inc, 2010
2. html 5 標籤
3. stylebootstrap
4. 基於wordpress的bootstrap
5.why did twitter release bootstrap?
BootStrap入門教程 二 之固定的內建樣式
相關閱讀 bootstrap入門教程 一 之視覺化布局 html5文件型別 doctype bootstrap使用了一些html5元素和css屬性，所以需要使用html5文件型別。移動裝置優先 寬度設定為device widt程式設計客棧h可以確保它能正確呈現在不同裝置上。initial scale...
React入門教程（二）
react基礎總結 續 示例 commentbox react createclass hello,world i am a commentbox.reactdom render react createelement commentbox null document getelementbyid ...
Docker 入門教程（二）
首先，讓我們通過下面的命令來檢查docker的安裝是否正確 docker info 如果沒有找到這條命令，則表示docker安裝錯誤。如果安裝正確，則會輸出類似下面的內容 到 這一步docker裡還沒有映象或是容器。所以，讓我們通過使用命令預先構建的映象來建立來乙個 sudo docker pull...