css水平滚动，使用ul li标记引导

我尝试使用引导程序水平滚动，但无法使其水平滚动。我的

li

标记没有按应有的方式进行包装（正常包装）

HTML:

---

我想我已经做了它应该做的事了？

在

空白处：nowrap！重要信息

在

中。b建议

在

中！重要信息

必须在

之前

像这样
空白：nowrap！重要的
在引导2中，您必须覆盖一些
span*
样式

ul
元素必须获得以下css：

ul.your-horizontal-list {
    white-space: nowrap;
    overflow-x: auto;
}

ul.your-horizontal-list li[class*="span"] {
    display: inline-block;
    float: none;
}

这是一个例子

确保在引导CSS之后加载CSS

编辑：将其命名为Bootstrap 2，在Bootstrap 3中，您可能需要将
span
替换为
col-…
或类似的内容。
这太棒了。解决了我遇到的一个大问题。投票了，谢谢！Idk，在您的演示中，我使用：
，然后在CSS中我编写.foo{…}，它只是工作，Idk为什么li[class*=“span”]在这里是必要的？顺便说一句，我正在测试Bootstrap3@truongnm的问题是解决Twitter引导问题。所以使用
col-…
-类。您的答案有很好的代码，但不涉及引导类。
.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;
}

ul.your-horizontal-list {
    white-space: nowrap;
    overflow-x: auto;
}

ul.your-horizontal-list li[class*="span"] {
    display: inline-block;
    float: none;
}