首页 » 我的课程 » web前端 » 正文

三句话总结bootstrap栅格系统

1、把屏幕分为12列(啥叫屏幕呢?譬如手机、pad、普通pc电脑屏幕、超大pc电脑屏幕)


 2、对应的样式分别是:col-xs-XX, col-sm-xx,col-md-xx,col-lg-xx (xx最小1,最大12

3<div class=”col-sm-10 col-md-8″>这样的方式来表示:在中等屏幕设备上该div占用8列的宽度;在小屏幕上该div占用10列的宽度。

 

第三句话你懂了,你就知道如何设计一个页面又能在pc中显示又能在pad中显示了。


还不懂?


看图


ww

本文共 3 个回复

  • unclefat 2015/05/16 17:38

    评论够diao不?

  • fox 2015/05/16 18:10

    评论够diao不?

  • 匿名 2015/05/16 19:34

    4好像很简单,赶明儿学下

发表评论