bootstrap學習記錄

目前學了導航，導航欄，麪包屑導航breadcrumb,table,panel,group-list,form,柵欄,droplist,badge
1.按鈕，給<button> <a>添加btn樣式就是btn了，樣式有btn-default,btn-success,btn-info,btn-danger,btn-primary等，控制大小用btn-lg,btn-sm，btn-block能夠鋪滿整個父元素寬度。禁用disabled

2.分頁，ul 裏添加pagination 就能夠了，選中li上加class 不可用加disabled,大小控制pagination-lg pagination-sm，翻頁下次遇到再說

3.按鈕下拉,外層用btn-group,裏面一個class="btn btn-default toggle-dropdown" data-toggle="dropdown" 後邊跟個圖標,而後下拉列表的內容，class="dropdown-menu"的ul。
4.佈局 row 下邊 col-md-2 col-md-10，列偏移col-md-offset-4 列嵌套，列排序？col-md-8 col-md-pull-4
5.面板  基本的面板panel panel-heading panel-body panel-footer panel-heading裏能夠有class爲panel-title的h1 h2等，panel的風格panel-default,panel-primary,panel-info,panel-warning,panel-danger,panel-success,panel和table無縫結合，panel和列表組list-group無縫結合
6按鈕組 作帖子主頁面放收藏帖子+只看樓主的 class="btn-group" 裏面放 btn 就能夠了。大小控制btn-group-xs/sm/lg

7.glyphicon字體圖標 能夠自定義樣式
8.badge圖標
9.列表組 list-group list-group-item 能夠ul能夠a標籤作連接 能夠嵌套 能夠加自定義內容 管理中心左側導航用這個比較好。
10.排版注意下h1-h6
11.表格，暫時沒用到，用到再說
12.圖片樣式有三個 IE8不支持 先不理了
13.輔助類 看下文字顏色 背景顏色 text-muted text-primary/info/success/danger/warning  bg-primary/info/success/danger/warning 左右浮動pull-left pull-right 變成塊級並顯示在中間center-block 清除浮動 clearfix 頁面標題 page-header
關閉圖標  清除浮動 clearfix pull-left pull-right

14.下拉菜單 和其餘下拉一塊兒來
15.信息框和警告