title: Horizontal scrollable div's in a bootstrap row
body: <p>I'm trying the make a horizontal scrollable bootstrap row. The row contains customer reviews wrapped in div's. The width of each testimonial div is <code>33.333%</code>.</p>
  
  <p><code>white-space: nowrap</code> and <code>display: inline-block</code> doesn't work. </p>
  
  <p>What am I doing wrong? </p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-lg-12 text-center"&gt;
          &lt;div class="section-title"&gt;
             &lt;div class="testimonial_group"&gt;
                 &lt;div class="testimonial"&gt;...&lt;/div&gt;
                 &lt;div class="testimonial"&gt;...&lt;/div&gt;
                 &lt;div class="testimonial"&gt;...&lt;/div&gt;
                 &lt;div class="testimonial"&gt;...&lt;/div&gt;
                 ...
             &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>