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

jsc*_*vey 3 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>
Run Code Online (Sandbox Code Playgroud)

jsc*_*vey 13

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

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

ol li.list-group-item { 
    list-style: decimal inside;
    display: list-item;
}
Run Code Online (Sandbox Code Playgroud)