title: How to Style First Column Only In a Dynamic Bootstrap Row
body: <p>I am Designing a Shopping Cart based on Opencart. Following is the main part of code in  Category.tpl file that products are updating from</p>
  
  <pre><code>  &lt;div class="row"&gt;
      &lt;?php foreach ($products as $product) { ?&gt;
      &lt;div class="product-layout product-list col-xs-12"&gt;
        &lt;div class="product-thumb"&gt;
  
          &lt;div class="image"&gt;&lt;a href="&lt;?php echo $product['href']; ?&gt;"&gt;&lt;img src="&lt;?php echo $product['thumb']; ?&gt;" alt="&lt;?php echo $product['name']; ?&gt;" title="&lt;?php echo $product['name']; ?&gt;" class="img-responsive" /&gt;&lt;/a&gt; &lt;/div&gt;
          &lt;div&gt;
  </code></pre>
  
  <p>And Below is the css it is generating</p>
  
  <pre><code>&lt;div class="row"&gt;
                &lt;div class="product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12"&gt;
                   &lt;div class="product-thumb"&gt;
  
               &lt;div class="image"&gt;&lt;a href="http://rangawoods.tryfcomet.com/index.php?route=product/product&amp;amp;path=78&amp;amp;product_id=194"&gt;&lt;img src="http://rrrwoods.com/image/cache/catalog/Door/SMD-001-500x500.jpg" alt="SMD-001" title="SMD-001" class="img-responsive"&gt;&lt;/a&gt; &lt;/div&gt;
  
  
          &lt;div&gt;
  </code></pre>
  
  <p>Now I need to Style the First Column only in created row.How can I do this? I have attached an Image for quick ref.</p>
  
  <p><a href="https://i.stack.imgur.com/ToUbT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ToUbT.png" alt="enter image description here"></a></p>