使用Bootstrap Columns创建水平滚动的List Item视图

使用Bootstrap Columns创建水平滚动的List Item视图

我设法使用 几乎所有的 Twitter Bootstrap 使其工作：

我在list-inline类中使用了无序列表。默认情况下，当到达容器边缘时，它仍然会自动换行，因此我对list-inline类进行了调整。

.list-inline {  white-space:nowrap;}<div >    <ul >        <li > <span>Test Data1</span>        </li>        <li > <span>Test Data1</span>        </li>        <li > <span>Test Data1</span>        </li>        <li > <span>Test Data1</span>        </li>        <li > <span>Test Data1</span>        </li>        <li > <span>Test Data1</span>        </li>        <li > <span>Test Data1</span>        </li>        <li > <span>Test Data1</span>        </li>        <li > <span>Test Data1</span>        </li>    </ul></div>