list style none bootstrap 4 code example

Example 1: list style none bootstrap

<ul>
                <li className="list-unstyled">Facebook</li>
                <li className="list-unstyled">Youtube</li>
                <li className="list-unstyled">Instagram</li>
            </ul>

Example 2: bootstrap list group

<ul class="list-group">
  <li class="list-group-item">Cras justo odio</li>
  <li class="list-group-item">Dapibus ac facilisis in</li>
  <li class="list-group-item">Morbi leo risus</li>
  <li class="list-group-item">Porta ac consectetur ac</li>
  <li class="list-group-item">Vestibulum at eros</li>
</ul>

Example 3: bootstrap ul no style

<ul class="list-unstyled">
   <li>...</li>
</ul>

Example 4: bootstrap ol

<ul class="list-group list-group-flush">
  <li class="list-group-item">Cras justo odio</li>
  <li class="list-group-item">Dapibus ac facilisis in</li>
  <li class="list-group-item">Morbi leo risus</li>
  <li class="list-group-item">Porta ac consectetur ac</li>
  <li class="list-group-item">Vestibulum at eros</li>
</ul>

Tags:

Html Example