bootstrap list style 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: list hover bootstrap

...
<div class="collapse navbar-collapse" data-hover="dropdown" data-animations="fadeInDown fadeInRight fadeInUp fadeInLeft>
    <ul class="nav navbar-nav">
    ...
    </ul>
</div>
...
or
...
<div class="collapse navbar-collapse">
    <ul class="nav navbar-nav" data-hover="dropdown" data-animations="fadeInDown fadeInRight fadeInUp fadeInLeft>
    ...
    </ul>
</div>
...