css - 如何将 UL 变成内联元素列表？

Question

我正在寻找一个引导类，它将把它<ul>变成一个内联列表：

Click one of: <ul class="inline"><li>alpha</li><li>beta</li></ul>

它呈现为：

Click one of: 
  alpha beta

我期待着：

Click one of: alpha beta

一种解决方法是：

<ul class="inline" style="display:inline-block"><li>alpha</li><li>beta</li></ul>

但是，我正在寻找一个引导类，以避免 HTMLstyle属性。

Answer 1

btn-group-vertical你可以为你的html添加类，比如

Click one of: <ul class="btn-group-vertical inline"><li>alpha</li><li>beta</li></ul>

演示：jsfiddle