如何将UL转换为内联元素列表?

时间:2013-06-04 11:07:50

标签: css twitter-bootstrap

我正在寻找一个将此<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>

但是,我正在寻找一个bootstrap类,以避免HTML style属性。

1 个答案:

答案 0 :(得分:1)

您可以将类btn-group-vertical添加到您的html中,例如

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

演示:jsfiddle