 <p>when the browser gets smaller you add col-sm-1 and col-xs-1 in to all class.</p> <pre><code> &lt;div class="row wrapper"&gt; &lt;span class="prev-slide col-md-1 col-sm-1 col-xs-1"/&gt; &lt;ul class="tab-container row col-md-10"&gt; &lt;li class="col-md-1 col-sm-1 col-xs-1"&gt;Slide 1&lt;/li&gt; &lt;li class="col-md-1 col-sm-1 col-xs-1"&gt;Slide 2&lt;/li&gt; &lt;li class="col-md-1 col-sm-1 col-xs-1"&gt;Slide 3&lt;/li&gt; &lt;li class="col-md-1 col-sm-1 col-xs-1"&gt;Slide 4&lt;/li&gt; &lt;li class="col-md-1 col-sm-1 col-xs-1"&gt;Slide 5&lt;/li&gt; &lt;li class="col-md-1 col-sm-1 col-xs-1"&gt;Slide 6&lt;/li&gt; &lt;li class="col-md-1 col-sm-1 col-xs-1"&gt;Slide 7&lt;/li&gt; &lt;li class="col-md-1 col-sm-1 col-xs-1"&gt;Slide 8&lt;/li&gt; &lt;li class="col-md-1 col-sm-1 col-xs-1"&gt;Slide 9&lt;/li&gt; &lt;li class="col-md-1 col-sm-1 col-xs-1"&gt;Slide 10&lt;/li&gt; &lt;/ul&gt;&lt;span class="next-slide col-md-1 col-sm-1 col-xs-1"&gt;&gt;&lt;/span&gt; &lt;/div&gt; </code></pre>