title: Bootstrap container 100%
body: <p>I'm currently converting our existing shop to run bootstrap.</p>
  
  <p>On the product pages we have a section of images / icons. They are laid out as with the following css</p>
  
  <pre><code>.ts-2 {
     text-align: left;
     width: 318px;
  }
  
  .ts-2-2 {
     float: left;
     margin-top: 2px;
     padding: 2px;
     width: 70px;
     text-align:center;
  }
  
  .gen-2 {
  margin-bottom: 0px;
  margin-top: 0px;
  font-size:10px;
  }
  </code></pre>
  
  <p>Which works fine on our current site. but I want to put these inside a responsive container with 100% width in the new site.</p>
  
  <p>at the moment that's not happening</p>
  
  <p>You can see what I mean here.</p>
  
  <p><a href="https://www.fireworkscrazy.co.uk/store_v8/shopexd.asp?id=848" rel="nofollow">https://www.fireworkscrazy.co.uk/store_v8/shopexd.asp?id=848</a></p>