Horizontal scrollable div's in a bootstrap row
<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>