FriCSS

Flex CSS Grid system

Example 1

Four columns, each 1/4 width.
col 1
col 1
col 1
col 1
<div class="row">
  <div class="col col-md-1-3"><div>
  <div class="col col-md-1-3"><div>
  <div class="col col-md-1-3"><div>
  <div class="col col-md-1-3"><div>
<div>
col 1
col 1
col 2
col 1
col 2
col 3
col 1
col 2
col 3
col 3
col 1
col 1
col 1
col 2
col 3
col 1
col 1
col 1
col 1
col 2
col 3
col 1
col 1
col 1
col 1
col 2
col 3
col 1
col 1
col 1
col 1
col 1
col 2
col 3
col 1
col 1
col 1
col 1
col 1
col 1
col 2
col 3
col 1
col 1
col 1
col 1
col 1
col 1
col 1
col 2
col 3
col 1
col 1
col 1
col 1
col 1
col 1
col 1
col 1
col 2
col 3
col 1
col 1
col 1
col 2
col 3
col 1
col 1
col 1
col 1
col 2
col 3
col 1
col 1
col 1
col 1
col 2
col 3