Typography
List Style Type
Utilities for controlling the bullet/number style of a list.
Quick reference
| Class | Description |
|---|---|
list-none | list-style-type: none |
list-disc | list-style-type: disc |
list-decimal | list-style-type: decimal |
Basic usage
Setting the list style type
To create bulleted or numeric lists, use the list-disc and list-decimal utilities.
list-disc
- An orbit is a regular, repeating path.
- Orbiting objects, include planets, moons, asteroids, and manmade devices.
- Objects orbit each other because of gravity.
list-decimal
- An orbit is a regular, repeating path.
- Orbiting objects, include planets, moons, asteroids, and manmade devices.
- Objects orbit each other because of gravity.
list-none
- An orbit is a regular, repeating path.
- Orbiting objects, include planets, moons, asteroids, and manmade devices.
- Objects orbit each other because of gravity.
html
<ul class="list-disc ...">
<li>5 warp scientists</li>
<!-- ... -->
</ul>
<ul class="list-decimal ...">
<li>5 warp scientists</li>
<!-- ... -->
</ul>
<ul class="list-none ...">
<li>5 warp scientists</li>
<!-- ... -->
</ul>