小编rin*_*ius的帖子

字体真棒的示例用例就像这样(从他们的例子中得到):

<ul class="icons">
    <li><i class="icon-ok"></i> Lists</li>
    <li><i class="icon-ok"></i> Buttons</li>
    <li><i class="icon-ok"></i> Button groups</li>
    <li><i class="icon-ok"></i> Navigation</li>
    <li><i class="icon-ok"></i> Prepended form inputs</li>
</ul>

只要列表项为1行,此列表就可以用于我的目的.但是如果列表项是多行,那么第二行并且进一步不能正确缩进(默认情况下).

如果这些图标可以用作标准的css项目符号会很好,因为这样多行项目会自动缩进.

是否有一种简单而优雅的方式来实现这一目标？如果我能像这样使用标记,那将是非常棒的:

<ul class="icon-bullets">
    <li class="icon-ok">Lists</li>
    <li class="icon-ok">Buttons</li>
    <li class="icon-ok">Button groups</li>
    <li class="icon-ok">Navigation</li>
    <li class="icon-ok">Prepended form inputs</li>
</ul>

即重用特定的图标类,但使它们成为li元素的一部分.