Typography

List styles

List inline

Remove a list’s bullets and apply some light margin with a combination of two classes, .list-inline and .list-inline-item.

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

List unstyled

Remove bullets from an unordered list or numbers from an ordered list by applying .list-unstyled to the <ul>.

  • First
  • Second
  • Third
<ul class="list-unstyled">
    <li>First</li>
    <li>Second</li>
    <li>Third</li>
</ul>

Text alignment

Use text alignment utilities to left align, centre, right align text or justify text.

Center

Everyone’s favourite flower is back, but only for a short time. This simply beautiful bouquet of blush pink peonies, complemented with gypsophila is the ideal gift this peony season.

<p class="text-center">Everyone’s favourite flower is back, but only for a short time. This simply beautiful bouquet of
    blush pink peonies, complemented with gypsophila is the ideal gift this peony season.</p>

Justify

Everyone’s favourite flower is back, but only for a short time. This simply beautiful bouquet of blush pink peonies, complemented with gypsophila is the ideal gift this peony season.

<p class="text-justify">Everyone’s favourite flower is back, but only for a short time. This simply beautiful bouquet of
    blush pink peonies, complemented with gypsophila is the ideal gift this peony season.</p>

Left

Everyone’s favourite flower is back, but only for a short time. This simply beautiful bouquet of blush pink peonies, complemented with gypsophila is the ideal gift this peony season.

<p class="text-left">Everyone’s favourite flower is back, but only for a short time. This simply beautiful bouquet of
    blush pink peonies, complemented with gypsophila is the ideal gift this peony season.</p>

Right

Everyone’s favourite flower is back, but only for a short time. This simply beautiful bouquet of blush pink peonies, complemented with gypsophila is the ideal gift this peony season.

<p class="text-right">Everyone’s favourite flower is back, but only for a short time. This simply beautiful bouquet of
    blush pink peonies, complemented with gypsophila is the ideal gift this peony season.</p>