css水平滚动与ul li标签+ bootstrap

Question

我正在尝试使用bootstrap进行水平滚动，但我无法让它水平滚动。我的li标签不会以它应该的方式包裹（它正常包装）。

HTML：

<div class="container suggest">
  <ul class="thumbnails bsuggest" >
    <li class="span2">
     text goes here
    </li>
  </ul>
</div>

CSS：

.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;
}

我认为我已经做了它应该做的事情，但它没有给我我需要的东西