Alphabetical list in bootstrap

Question

I currently have my alphabetical list in a table and I would like to make it into a list instead using Bootstrap. I am looking at the documentation and can't find anything that I like. What is the best way to do this ? I was thinking something like this...

Have A, B, C etc on the left side and list group items on the right

Should I even use this list or something else that Bootstrap offers ? Thanks!

<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

In HTML you can use <ol> with type attribute, like this:

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

Indicates the numbering type:

• 'a' indicates lowercase letters,
• 'A' indicates uppercase letters,
• 'i' indicates lowercase Roman numerals,
• 'I' indicates uppercase Roman numerals,
• '1' indicates numbers (default).

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

Or use with CSS with list-style-type attribute with lower-alpha or upper-alpha, eg.:

ol { list-style: upper-alpha; }