码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap世界探索1——山川河流

时间:2019-02-22 12:07:59      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:col   boot   相等   存在   不能   是什么   span   jquery   --   

        世界到底是什么?其实世界很简单,正所谓一花一世界,一树一菩提,世界就在我们身边。造物神是伟大的,在我看来无论是HTML,css,js都可以看作是一个世界,但是他们是构成宏观世界不可或缺的,正如IU框架boostrap离不开jQuery,无数小世界才能编制成美丽的宏观大世界。让我们先来见识一下bootstrap内的山川河流(网格系统)吧!

1.通过以下代码Bootstrap 自动布局将行分为相等宽度的列(可以超过12):

<div class="row">
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
</div>

2.大家可以试试下面的,你会发现很有趣的事情呦!

<div class="row">
    <div class="col-7">.col-4</div><!--col-4代表所占网格数-->
    <div class="col-3 offset-4">.col-md-4 .offset-md-4</div><!--col-3代表所占网格数,offset-4代表左边会多出4个网格,一行最多不能超过12个否则会换行-->
</div>

以上就是山川河流的骨架(网格系统),有了骨架,如果没有生灵万物的存在,又怎么能称作是山川,又怎么能称作是河流呢?

                                                                                                                                                                                           详情请走进下期万物的起源(文字排版)

 

bootstrap世界探索1——山川河流

标签:col   boot   相等   存在   不能   是什么   span   jquery   --   

原文地址:https://www.cnblogs.com/zlsh-web/p/10417438.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!