bootstrap 中的字母列表

Question

我目前在 table 中有我的字母列表，我想使用 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>

Answer 1

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

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

表示编号类型：

'a'表示小写字母，
'A'表示大写字母，
'i'表示小写罗马数字，
'I'表示大写罗马数字，
'1'表示数字（默认）。

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

或与 CSS 一起使用 with list-style-type 属性与 lower-alpha 或 upper-alpha，例如：

ol { list-style: upper-alpha; }

Answer 2

我想你可以用 list-style-type css 属性来做这个。

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

bootstrap 中的字母列表

Alphabetical list in bootstrap

css

list

twitter-bootstrap

twitter-bootstrap-3