css - 如何将 "chain"内联列表用于 Bootstrap

Question

这是一个初学者问题，但我想知道是否有可能使用 Bootstrap 的列表标签将它们“链接在一起”而不是让它们“堆叠”。

例如，我有脚本:

 <ul class="list-inline">
     <li>a</li>
     <li>b</li>
     <li>c</li>
 </ul>
 <ul class="list-inline">
     <li>d</li>
     <li>e</li>
     <li>f</li>
 </ul>

哪个返回...

a b c

d e f

如何以这种方式重新排列输出？

a b c d e f

我真正想完成的是将两者都显示为单独的内联 div

Answer 1

你需要同时float:left ul

<ul class="list-inline pull-left">
     <li>a</li>
     <li>b</li>
     <li>c</li>
</ul>

<ul class="list-inline pull-left">
     <li>d</li>
     <li>e</li>
     <li>f</li>
 </ul>

希望对你有帮助。