flexiblegs
INSTALL
LEARN
COMPATIBILITY
GRID BUILDER
BETA
Türkçe
col(@col,@row)
CSS
BEM
Scss
Sass
Less
Stylus
.css
<div class="wrap">
<div class="col
xl-1-3
">01</div>
<div class="col
xl-1-3
">02</div>
<div class="col
xl-1-3
">03</div>
</div>
<!-- 1-1 -->
<!-- 1-2 -->
<!-- 1-3, 2-3 -->
<!-- 1-4, 2-4, 3-4 -->
<!-- 1-5, 2-5, 3-5, 4-5 -->
<!-- 1-6, 2-6, 3-6, 4-6, 5-6 -->
<!-- 1-7, 2-7, 3-7, 4-7, 5-7, 6-7 -->
<!-- 1-8, 2-8, 3-8, 4-8, 5-8, 6-8, 7-8 -->
<!-- 1-9, 2-9, 3-9, 4-9, 5-9, 6-9, 7-9, 8-9, -->
<!-- 1-10, 2-10, 3-10, 4-10, 5-10, 6-10, 7-10, 8-10, 9-10, -->
<!-- 1-11, 2-11, 3-11, 4-11, 5-11, 6-11, 7-11, 8-11, 9-11, 10-11, -->
<!-- 1-12, 2-12, 3-12, 4-12, 5-12, 6-12, 7-12, 8-12, 9-12, 10-12, 11-12, -->
01
02
03
Install (CSS)
Keyboard Shortcuts:
Previous
Next
I
Love
Flexible Grid System
Learn
Static (Compiled)
CSS
wrap
col
col(@col,@row)
col(hidden)
col(not-hidden)
wrap(gutter,@width)
wrap(outside,@width)
wrap(@col)
wrap(auto)
wrap(table)
col(@width)
wrap(flexbox)
wrap(normal)
wrap(left)
wrap(center)
wrap(right)
wrap(top)
wrap(middle)
wrap(bottom)
wrap(between)
wrap(around)
wrap(baseline)
col(first)
col(not-first)
col(last)
col(not-last)
wrap(reverse)
wrap(not-reverse)
breakpoint
v5.6.0