【问题标题】:Numbered/Ordered Lists in Panels - Twitter Bootstrap 3面板中的编号/有序列表 - Twitter Bootstrap 3
【发布时间】:2014-07-27 17:13:45
【问题描述】:

我在我的常见问题解答面板中使用列表组。其中许多列表是有序的和连续的指令集,出于各种原因,我希望显示该数字。然而,似乎即使是有序列表在包装为列表组时也会变成无序列表。有没有人已经克服了这个?这对我来说似乎是一个疏忽。

我试过手动设置:

  • 列表样式:十进制
  • 列表样式位置:内部

其他想法?

小提琴: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>

【问题讨论】:

  • 我目前没有 bootstrap ,因此指向该部分的链接或 jsfiddle 可能会有所帮助。
  • getbootstrap.com/components/#panels-list-group 相关的引导信息。 @AbhinavGauniyal
  • 好的,firebug 接受正在应用的 'list-style:square' 属性,但它们仍然没有出现。即使应用 !important 也不会显示它们。暂时收藏,如果有效果会发布。
  • 至少我很高兴知道这不仅仅是我。感谢您花时间@AbhinavGauniyal

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


【解决方案1】:

为需要此功能的其他任何人找到了可行的解决方案:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-12-28
    • 2017-05-02
    • 1970-01-01
    • 2014-03-26
    • 2023-03-15
    • 1970-01-01
    相关资源
    最近更新 更多