title: How to increase the vertical height and add space between contents in div scroll in bootstrap
body: <p>I was trying to add space between each div and the circle should show in full size.</p>
  
  <p>HTML :</p>
  
  <pre><code>&lt;body&gt;
  &lt;h1 class="page-header"&gt;Horizontal Scroll for questions&lt;/h1&gt;
  &lt;div class="container-fluid" style="overflow-x:scroll;white-space: nowrap;overflow-y:hidden ;"&gt;
  
      &lt;div class="col-sm-3 c"&gt;
          &lt;h6&gt;2&lt;/h6&gt;
  
      &lt;/div&gt;
      &lt;div class="col-sm-3 c"&gt;
          &lt;h6&gt;3&lt;/h6&gt;
  
      &lt;/div&gt;
      &lt;div class="col-sm-3 c"&gt;
          &lt;h6&gt;4&lt;/h6&gt;
  
      &lt;/div&gt;
      &lt;div class="col-sm-3 c"&gt;
          &lt;h6&gt;5&lt;/h6&gt;
  
      &lt;/div&gt;
        &lt;div class="col-sm-3 c"&gt;
          &lt;h6&gt;5&lt;/h6&gt;
  
      &lt;/div&gt;
        &lt;div class="col-sm-3 c"&gt;
          &lt;h6&gt;5&lt;/h6&gt;
  
      &lt;/div&gt;
        &lt;div class="col-sm-3 c"&gt;
          &lt;h6&gt; 5&lt;/h6&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt;
  &lt;script src="js/jquery.js"&gt;&lt;/script&gt;
  &lt;!-- Include all compiled plugins (below), or include individual files as needed --&gt;
  &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p></p>
  
  <p>CSS :</p>
  
  <pre><code>.col-sm-3{display: inline-block;width:auto;}
  
  .c {
  
   color: #64cbcd;
   font-size: 11px;
   border-radius: 50%;
   height: 30px;
   width: 30px;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
   border-color: blue;
   box-shadow: 0 0 0 3px #002525; // JUST ADD THIS LINE AND MODIFY YOUR     COLOR
   padding-right: 5px;
   padding-left: 5px;
  }
  </code></pre>
  
  <p>Here is the JS Fiddle of my demo : <a href="http://jsfiddle.net/arunslb123/g87Lkpxo/" rel="nofollow noreferrer">http://jsfiddle.net/arunslb123/g87Lkpxo/</a></p>
  
  <p>What I'm trying to achieve is as below :</p>
  
  <p><a href="https://i.stack.imgur.com/rht38.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rht38.png" alt="Output image"></a></p>
  
  <p>Is there any horizontal scroll plugin to do this?</p>