title: Output product with specific bootstrap class name by using php
body: <p>I got some items draw from database and i wanna display it with specific html class name.</p>
  
  <p>for example::</p>
  
  <pre><code>&lt;?php 
  $itemsFromDatabase = array(
    array('img' =&gt; 'image-1.jpg'),
    array('img' =&gt; 'image-2.jpg'),
    array('img' =&gt; 'image-3.jpg'),
    array('img' =&gt; 'image-4.jpg'),
    array('img' =&gt; 'image-5.jpg'),
  
    array('img' =&gt; 'image-6.jpg'),
    array('img' =&gt; 'image-7.jpg'),
    array('img' =&gt; 'image-8.jpg'),
    array('img' =&gt; 'image-9.jpg'),
    array('img' =&gt; 'image-10.jpg'),
  
    // etc...
  ); 
  
  ?&gt;
  </code></pre>
  
  <p>I wanna use php foreach to output the html result like below::</p>
  
  <pre><code>&lt;li class="col-md-6"&gt;&lt;img src="image-1.jpg" /&gt;&lt;/li&gt;
  &lt;li class="col-md-6"&gt;&lt;img src="image-2.jpg" /&gt;&lt;/li&gt;
  
  &lt;li class="col-md-4"&gt;&lt;img src="image-3.jpg" /&gt;&lt;/li&gt;
  &lt;li class="col-md-4"&gt;&lt;img src="image-4.jpg" /&gt;&lt;/li&gt;
  &lt;li class="col-md-4"&gt;&lt;img src="image-5.jpg" /&gt;&lt;/li&gt;
  
  &lt;li class="col-md-6"&gt;&lt;img src="image-6.jpg" /&gt;&lt;/li&gt;
  &lt;li class="col-md-6"&gt;&lt;img src="image-7.jpg" /&gt;&lt;/li&gt;
  
  &lt;li class="col-md-4"&gt;&lt;img src="image-8.jpg" /&gt;&lt;/li&gt;
  &lt;li class="col-md-4"&gt;&lt;img src="image-9.jpg" /&gt;&lt;/li&gt;
  &lt;li class="col-md-4"&gt;&lt;img src="image-10.jpg" /&gt;&lt;/li&gt;
  
  .... // will automatic use col-md-6 again when got image-11.jpg in future ...
  </code></pre>