title: 5 equal width columns in bootstrap (full width of container)
body: <p>According to my psd template, i have CONTAINER which consists of 5 equal width (344px) columns. I decided to go with bootstrap in terms of responsiveness. But now i'm frustrated with this task. </p>
  
  <p>Is there any way to implement this or i need: </p>
  
  <ul>
  <li>Rebuild my psd template to fit bootstrap grid and sizes </li>
  <li>Not to use bootstrap and write custom responsive classes</li>
  </ul>
  
  <p>Codepen:
  <a href="http://codepen.io/anon/pen/YZbBQG" rel="nofollow noreferrer">http://codepen.io/anon/pen/YZbBQG</a></p>
  
  <pre><code>&lt;div class="cont"&gt;
          &lt;div class="bicycles"&gt;
            &lt;div class="bik"&gt;&lt;img src="https://pp.userapi.com/c637925/v637925758/4d271/da6RN5KLBRU.jpg" alt=""&gt;&lt;/div&gt;
            &lt;div class="bik"&gt;&lt;img src="https://pp.userapi.com/c637925/v637925758/4d271/da6RN5KLBRU.jpg" alt=""&gt;&lt;/div&gt;
            &lt;div class="bik"&gt;&lt;img src="https://pp.userapi.com/c637925/v637925758/4d271/da6RN5KLBRU.jpg" alt=""&gt;&lt;/div&gt;
            &lt;div class="bik"&gt;&lt;img src="https://pp.userapi.com/c637925/v637925758/4d271/da6RN5KLBRU.jpg" alt=""&gt;&lt;/div&gt;
            &lt;div class="bik"&gt;&lt;img src="https://pp.userapi.com/c637925/v637925758/4d271/da6RN5KLBRU.jpg" alt=""&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>