閱讀699 返回首頁    go 阿裏雲 go 技術社區[雲棲]


Bootstrap柵格布局係統的

柵格布局係統的特點:

 (1)所有的行必須放在容器中: .container或.container-fluid

 (2)分為多行(row),一行中平均分為12列(col)

 (3)網頁內容隻能放在列(col)中,不能直接放在行(row)

 (4)可以在col中再嵌套row

 (5)col分為四大類: col-xs   col-sm    col-md   col-lg

 (6)col-md-*  *值可為1~12,值就為某個列的寬度(  */12  )

 (7)可以為一個列指定不同屏幕下的不同寬度

 (8) col-lg-*  隻對大PC屏幕有效

    col-md-*   對普通PC和大PC屏幕都有效

    col-sm-*   對平板、PC、大PC屏幕都有效

    col-xs-*   對手機、平板、PC大PC屏幕都有效

 (9)  .hidden-lg    當前列隻在大PC屏幕下隱藏

.hidden-md 當前列隻在PC屏幕下隱藏

.hidden-sm 當前列隻在平板屏幕下隱藏

.hidden-xs 當前列隻在手機屏幕下隱藏

最後更新:2017-11-05 12:33:42

  上一篇:go  Jquery中的日曆插件
  下一篇:go  Git分布式版本控製學習