面板中的编号/有序列表 - Twitter Bootstrap 3

时间:2014-07-27 17:13:46

标签: css list css3 twitter-bootstrap twitter-bootstrap-3

我在常见问题解答中使用面板中的列表组。其中许多列表都是有序和顺序指令集,我希望这些数字出于各种原因出现。但是,似乎即使有序列表在作为列表组包装时也会变成无序列表。有人已经克服了这个吗?这似乎是对我的疏忽。

我尝试过手动设置:

  • list-style:decimal
  • list-style-poition:inside

其他想法?

小提琴:http://jsfiddle.net/4NtVR/

<div class="container">
    <div class="panel panel-default">
        <div class="panel-heading">Test</div>
        <ol class="list-group">
            <li class="list-group-item">Item 1</li>
            <li class="list-group-item">Item 2</li>
        </ol>
    </div>
</div>

1 个答案:

答案 0 :(得分:13)

为其他需要此功能的人提供了有效的解决方案:

http://jsfiddle.net/jschavey/4NtVR/2/

ol li.list-group-item { 
    list-style: decimal inside;
    display: list-item;
}