title: css horizontal scrolling with bootstrap using ul li tags
body: <p>I'm trying to horizontal scroll using bootstrap, but I'm not able to get it to scroll horizontally. My <code>li</code> tags just doesn't wrap the way it should (it's wrapping normally).</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="container suggest"&gt;
    &lt;ul class="thumbnails bsuggest" &gt;
      &lt;li class="span2"&gt;
       text goes here
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.bsuggest
  {
      overflow-x:scroll;
      overflow-y:hidden;
      height:250px;
      white-space:nowrap; !important
      width:100%;
  }
  .bsuggest li
  {
      float:left;
      display:inline-block;
      *dsplay:inline;/* For IE7*/
      *zoom:1;/* For IE7*/
      white-space:normal;
  }
  .suggest
  {
      width:100%;
      position:relative;
      margin-top:95px;
  }
  </code></pre>
  
  <p>I think I've done what its supposed to?</p>