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

        世界究竟是什麼?其實世界很簡單,正所謂一花一世界,一樹一菩提,世界就在咱們身邊。造物神是偉大的,在我看來不管是HTML,css,js均可以看做是一個世界,可是他們是構成宏觀世界不可或缺的,正如IU框架boostrap離不開jQuery,無數小世界才能編製成美麗的宏觀大世界。讓咱們先來見識一下bootstrap內的山川河流(網格系統)吧!css

1.經過如下代碼Bootstrap 自動佈局將行分爲相等寬度的列(能夠超過12):bootstrap

<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>

以上就是山川河流的骨架(網格系統),有了骨架,若是沒有生靈萬物的存在,又怎麼能稱做是山川,又怎麼能稱做是河流呢?佈局

                                                                                                                                                                                           詳情請走進下期萬物的起源(文字排版)spa

相關文章
相關標籤/搜索