《bootstrap的使用手冊及學(xué)習(xí)筆記》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、軟酷網(wǎng)官網(wǎng)：www.ruanko.comBootstrap的使用手冊及學(xué)習(xí)筆記Bootstrap是基于HTML5和CSS3開發(fā)的用于前端開發(fā)的工具包。關(guān)于Bootstrap的介紹和下載，大家可以去搜索查看。Bootstrap使用的某些HTML元素和CSS屬性需要文檔類型為HTML5的文件類型。因此這一文檔類型必須出現(xiàn)在項目的每個頁面的開始部分：23...4HTML中定義的所有標題標簽,從

到

都是可用的。Bootstrap定義

2、的全局font-size是14px，line-height是20px。這些樣式應(yīng)用到了和所有的段落上。另外，對

(段落)還定義了1/2行高(默認為10px)的底部外邊距(margin)屬性。在使用Bootstrap之前必須要將bootstrap.css或者bootstrap.min.css（壓縮版）引入到頁面中，它定義了Bootstrap的基本樣式。如果需要使用Bootstrap提供的組件，要將bootstrap.js或者bootstrap.min.js（壓縮版）引入到頁面中。因為bootst

3、rap的JS插件需要Jquery的支持，所有在引入bootstrap.js之前必須將Jquery.js也引入到頁面上。另外如果你希望你的頁面支持響應(yīng)式布局，必須引入bootstrap-responsive.css或者bootstrap-responsive.min.css（壓縮版），它主要提供頁面在移動設(shè)備上的顯示樣式支持，需要注意的是bootstrap-responsive.css必須放置在bootstrap.css之后，否則便不具有響應(yīng)式布局功能。當然在Bootstrap3的版本中，bootstrap.c

4、ss和bootstrap-responsive.css已經(jīng)合并了。一、代碼樣式Bootstrap提供了代碼樣式，用于在頁面上展示代碼，以此來區(qū)分于正文的區(qū)別，如果是行內(nèi)嵌套代碼，可以用標簽，但是對于代碼中的符號要進行轉(zhuǎn)換（<是<、>是>）例如：

Forexample,

shouldbewrappedasinline.

如果是代碼塊可以用

標簽，同樣的，代碼中的要將代碼中的尖括號做轉(zhuǎn)換。例如：1
5、--.pre-scrollable，其作用是設(shè)置max-height為350px，并在垂直方向展示滾動條-->234
Sampletexthere...
5...
6...
7...
8...
9...
6、p>軟酷網(wǎng)官網(wǎng)：www.ruanko.com10...
1112

二、表格基本的表格樣式可以用標簽。例如：1

正常表格

27

7、dtable-borderedtable-hover">8

91011121314151617181920212223

FirstName	LastName	Username
Mark	Otto	@mdo
Jacob	Thornton	@fat

如果想讓表格的內(nèi)容更緊湊一點可以為表格添加.table-c

8、ondensed類，如果想為表格添加顏色可以選擇情景類，情景類有：.success表示成功或積極的行為.error表示一個危險或存有潛在危險的行為.warning表示警告，可能需要注意.info作為一個默認樣式的一個替代樣式例如：12