Note: immediate children of cdr-col are treated as flex items (due to a flex height bug in Safari). As a result, if you want to have more than one child element they should be wrapped in a single div element.
See cdr-row for complex example.
Examples
Span
<div class="cdr-container-fluid">
<h4>Basic</h4>
<cdr-row>
<cdr-col span="3">
<div class="row-demo">A</div>
</cdr-col>
<cdr-col span="3">
<div class="row-demo">B</div>
</cdr-col>
<cdr-col span="3">
<div class="row-demo">C</div>
</cdr-col>
<cdr-col span="3">
<div class="row-demo">D</div>
</cdr-col>
<cdr-col span="3">
<div class="row-demo">E</div>
</cdr-col>
</cdr-row>
</div>