Twitter bootstrap 自定义CSS以实现与列表样式类型相同的结果：decimal；

我试图通过给列表中的项目一个索引来对它们进行排序。我知道我可以通过使用

或

列表样式类型：decimal

获得相同的结果，但问题是我的代码中有一些

显示：无。那些

基本上被忽略了，索引继续进行，就好像它们从未出现过一样

因此，即使在

display:none的元素上，也要保留索引顺序，我自己给他们一个索引

我面临的问题是，我不知道如何使自己的索引与
列表样式type:decimal
相同

我的索引：


列表样式类型：十进制
：


正如您可以看到的那样，
列表样式类型：decimal
很好地对齐，如何为自定义索引获得相同的结果

到目前为止，我的代码是：

{{#each users}}
    <li class="{{status this.online}}">
        <span id="counter">{{counter @index}}.</span>
        <a class="{{status this.online}}" href="/players/{{this.user}}">
            {{this.user}}
        </a>, the level {{level}} {{char_class}}. Next level in {{duration secs}}
    </li>
{{/each}}

{{#每个用户}

{{counter@index}}。
，级别{{level}{{char_class}}。{{duration secs}中的下一级

{{/每个}}
您可以这样做，即使用伪字符，给它一个宽度，然后右对齐文本


ul{
计数器复位：测试；
列表样式：无；
}
李：以前{
计数器增量：测试；
内容：计数器（测试）'；
显示：内联块；
右边距：15px；
宽度：20px；
文本对齐：右对齐；
}

一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
问题是，当我使用
显示时：无。索引继续，例如在jsfiddle
Some text3
中获取索引编号
2
，而不是
3
。这就是为什么我在代码
{{counter@index}}中创建了自己的索引。
我只是希望它与
列表样式类型：decimal
具有相同的标识。@Drago使用CSS规则更新了我的答案，该规则对您的
span
和对我的初始样本具有相同的标识