bootstrap世界探索1——山川河流(文字排版)

        世界到底是什么?其实世界很简单,正所谓一花一世界,一树一菩提,世界就在我们身边。造物神是伟大的,在我看来无论是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>

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

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

 

posted @ 2019-02-22 11:40  钟离上河  阅读(191)  评论(0编辑  收藏  举报