title: How to make equal padding in row with Bootstrap?
body: <p>I want to create equal padding with all div under the .slideshow div. The problem is the last div right padding.</p>
  
  <p>Now looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/ckldu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ckldu.png" alt="enter image description here"></a></p>
  
  <p>I want this, just with equal padding / space between divs and equal img heights:</p>
  
  <p><a href="https://i.stack.imgur.com/Aev0I.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Aev0I.png" alt="enter image description here"></a></p>
  
  <p>The code:</p>
  
  <p>HTML:</p>
  
  <pre><code>    &lt;div class="container-fluid"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-lg-12"&gt;
              &lt;div class="product-container"&gt;
                  &lt;div class="slideshow"&gt;
                      &lt;p&gt;Test message, Test message&lt;/p&gt;
                  &lt;/div&gt;
  
                  &lt;div class="col-sm-3 col-md-3 col-lg-3"&gt;
                      &lt;img src="http://www.pacinno.eu/wp-content/uploads/2014/05/placeholder-Copy-4.png" alt="s"&gt;                    
                  &lt;/div&gt;
                  &lt;div class="col-sm-3 col-md-3 col-lg-3"&gt;
                      &lt;img src="http://www.pacinno.eu/wp-content/uploads/2014/05/placeholder-Copy-4.png" alt="s"&gt;
                  &lt;/div&gt;
                  &lt;div class="col-sm-3 col-md-3 col-lg-3"&gt;
                      &lt;img src="http://www.pacinno.eu/wp-content/uploads/2014/05/placeholder-Copy-4.png" alt="s"&gt;                    
                  &lt;/div&gt;
                  &lt;div class="col-sm-3 col-md-3 col-lg-3"&gt;
                      &lt;img src="http://www.pacinno.eu/wp-content/uploads/2014/05/placeholder-Copy-4.png" alt="s"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>@import url('http://getbootstrap.com/dist/css/bootstrap.css');
  
  .product-container{
      padding: 0px 9%;
  }
  .slideshow{
      background-color: #efeff1;
    border: 1px solid #c5c5c7;
    overflow: hidden;
  }
  .product-container img{
      width:100%;
  }
  .col-lg-3{
      padding-right:12px;
      padding-left:0px;
  }
  </code></pre>
  
  <p>Fiddle:
  <a href="http://jsfiddle.net/52VtD/12059/" rel="nofollow noreferrer">Fiddle</a></p>