CSS

【CSS】シンプルで軽量のグリッドシステム。Simple Grid

July 2, 2016
simple grid

Simple Gridはモバイルファーストの軽量でレスポンシブの12列のCSSグリッドシステム。

グリッド

必要とするすべてのコードはシンプルでよく見るものです。

<div class="container">
      <div class="row">
        <div class="col-3">
          <!-- This content will take up 3/12 (or 1/4) of the container -->
        </div>
        <div class="col-3">
          <!-- This content will take up 3/12 (or 1/4) of the container -->
        </div>
        <div class="col-6">
          <!-- This content will take up 6/12 (or 1/2) of the container -->
        </div>
      </div>
    </div>

MITライセンス