【CSS】Flexboxレイアウトに基づいたCSSグリッドシステム。RASTR

RASTRはFlexboxレイアウトに基づいたCSSグリッドシステム。

Simple Columns

<div class="row">
<div class="col-12"></div>
</div>
<div class="row">
<div class="col-6"></div>
<div class="col-6"></div>
</div>
<div class="row">
<div class="col-4"></div>
<div class="col-4"></div>
<div class="col-4"></div>
</div>
<div class="row">
<div class="col-2"></div>
<div class="col-4"></div>
<div class="col-6"></div>
</div>
<div class="row">
<div class="col-3"></div>
<div class="col-9"></div>
</div>
<div class="row">
<div class="col-1"></div>
<div class="col-2"></div>
<div class="col-3"></div>
<div class="col-4"></div>
<div class="col-2"></div>
</div>
<div class="row">
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></div>
<div class="col-1"></div>
</div>

MIT

 
rastr

【CSS】Flexboxレイアウトに基づいたCSSグリッドシステム。RASTR

  • LATEST
  • RELATED
  • POPULAR