引导程序中的字母顺序列表

时间:2015-01-21 19:12:25

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

我目前在表格中有我的字母顺序列表,我想把它变成一个列表,而不是使用Bootstrap。我正在查看文档,无法找到我喜欢的任何内容。做这个的最好方式是什么 ?我在想这样的事情......

左侧有A,B,C等,右侧列出组项

我是否应该使用此列表或Bootstrap提供的其他内容?谢谢!

<ul class="list-group">
    <li class="list-group-item">First item</li>
    <li class="list-group-item">Second item</li>
    <li class="list-group-item">Third item</li>
</ul>

2 个答案:

答案 0 :(得分:8)

在HTML中,您可以将<ol>type属性一起使用,如下所示:

<ol type="1|a|A|i|I">

表示编号类型:

  • &#39;一个&#39;表示小写字母,
  • &#39; A&#39;表示大写字母,
  • &#39;我&#39;表示小写罗马数字,
  • &#39;我&#39;表示大写罗马数字,
  • &#39; 1&#39;表示数字(默认)。

来源:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol#attr-type

或者使用带有list-style-typelower-alpha upper-alpha属性的CSS,例如:

ol { list-style: upper-alpha; }

答案 1 :(得分:0)

我猜你可以使用list-style-type css属性。

https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type