BootStrap包括：
- 設定全域 CSS 樣式；基本的 HTML 元素均可以通過 class 設定樣式并得到增強效果；還有先進的柵格系統，
- 無數可復用的組件，包括字體圖示、下拉選單、導航、警告框、彈出框等更多功能，
- jQuery 插件為 Bootstrap 的組件賦予了“生命”，可以簡單地一次性引入所有插件，或者逐個引入到你的頁面中
- 通過自定義 Bootstrap 組件、Less 變數和 jQuery 插件，定制一份屬于你自己的 Bootstrap 版本
柵格布局
container，固定寬度的容器，
container-fluid，百分百寬度的容器，
使用行（row）在水平方向上創建一組列（colmun），
每一行中最多能夠包含12列，超出的列則另起一行排列
內容應該放置到列（colmun）中，只有列（colmun）可以作為行（row）的直接子元素，
列偏移
使用col-*-offset-*類可以將列向右偏移，例如，col-xs-offset-4表示在超小螢屏上時，將元素向右偏移4列，
嵌套列
通過在列中嵌套行（row），可以將原有的列再分成12列，如此就實作了列的嵌套，
列排序
使用col-*-push-* 將列向右推，col-*-pull-*將列向左拉，例如下面的代碼將box1向右推了6列，將box3向左拉了6列，結果是它們調換了位置，
表格
.table 必須的基類
.table-bordered 帶邊框的表格
.table-striped 帶條紋的表格（隔行變色）
.table-hover 滑鼠懸浮時為整行添加背景色
.table-condensted 緊湊的表格（減少了單元格padding）
按鈕的尺寸
按鈕的尺寸被分成，.btn-lg、.btn-sm、默認尺寸、.btn-xs
回應式的表格
當螢屏寬度不足以顯示所有的表格內容時，表格內容會出現折疊甚至溢位的現象，為了解決這個問題，我們可以將.table元素放到一個具有.table-responsive類的元素內容，
圖片形狀
.img-rounded 圓角的圖片
.img-circle 圓形圖片
.img-thumbnail 縮略圖
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/153324.html
標籤：Linux
上一篇：Linux：FTP服務器的搭建