flexiblegs
INSTALLLEARNCOMPATIBILITYINSPIRATION 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:PreviousNext
ILoveFlexible Grid System
Learn
Static (Compiled)
CSS
wrapcolcol(@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