title: Create responsive row with constant div width w/ bootstrap
body: <p>I'd like to create a responsive row like so using bootstrap:
  <a href="https://i.stack.imgur.com/z0Ozv.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/z0Ozv.jpg" alt="before"></a></p>
  
  <p><a href="https://i.stack.imgur.com/jGZ8b.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jGZ8b.jpg" alt="After (smaller Screen)"></a></p>
  
  <p>First pic: before (large screen)
  Second pic: after (smaller screen)
  The width of the containers should remain constant</p>
  
  <p>Any help will be appreciated</p>
  
  <p>Kind Regards </p>
  
  <p>EDIT - Code I've tryed:</p>
  
  <pre><code>&lt;div class="container-fluid"&gt; 
  &lt;div class="row"&gt; 
     &lt;div class="col-md-2 col-sm-2"&gt; 
      &lt;div class="chart-wrapper"&gt; 
       &lt;div class="chart-title" style="height:60px;"&gt; TEST &lt;/div&gt; 
      &lt;div class="chart-stage"&gt; asp generated chart png &lt;/div&gt; 
     &lt;div class="chart-notes"&gt; Comment &lt;/div&gt; 
   &lt;/div&gt; 
  &lt;/div&gt;
  </code></pre>