1. 程式人生 > >bootstrap-01-學習記錄

bootstrap-01-學習記錄

1.bootstrap所有外掛依賴JQ,必須在JQ之後引入。

2.bootstrap分預編譯版(css,js,fonts)和原始碼版(less,js,fonts,dist->預編譯版內容,docs)

3.bootstrap 使用grunt 作為編譯系統 安裝grount 先安裝npm 全域性安裝npm install -g grunt-cli,進入bootstrap目錄,執行npm install npm讀取package.json並安裝所需依賴包

4.執行bootstrap時,head內配置meta 更好的渲染頁面

5.全域性樣式:1.html5文件型別 2.移動裝置優先 3.排版與連結

  5.1 佈局容器 container 固定寬(通過媒體查詢控制)container-fluid 用於100%寬度,基於當前上級寬度

  5.2 柵格系統 通過行與列組合佈局 !只有“列(column)”可以作為行(row)”的直接子元素

  5.3 類字首 .col-xs-(始終保持其比例不受視窗影響,但受其他排列)  .col-sm-(<750 水平排列) .col-md-(<970 水平排列)  .col-lg- (<1170 水平排列)  都是基於視窗寬度,和父級沒關係.