    <h1>12-grid-systeem</h1>
    <!-- @@ Voorbeeld: enkel gelijke kolommen zonder responsive -->
    <!-- emmet ==>  div.row>div.col*3 -->




    <!-- @@ Voorbeeld: simpele verdeling MD -->
    <!-- emmet ==>  div.row>div.col-md-2+div.col-md-4+div.col-md-6 -->



    <!-- @@ Voorbeeld: desktops (XL, LG), portables (md), tablets (sm) -->
    	<div class="row">
        	<div class="  ">
            	<ul>
                  <li>6 kol SM</li>
                  <li>8 kol MD</li>
                  <li>9 kol LG</li>
                  <li>10 kol XL</li>
                </ul>
            </div>
        	<div class=" ">
            	<ul>
                   <li>6 kol SM</li>
                   <li>4 kol MD</li>
                   <li>3 kol LG</li>
                   <li>2 kol XL</li>
                </ul>
            </div>
      	</div> <!-- /row -->




        <!-- @@ Voorbeeld: rij genest in andere rij -->
        <!-- emmet ==>  div.row>div.col-md-8>div.row>div.col-md-6*2^^div.col-md-4 -->



