list-group-item-heading bootstrap 4

bootstrap list group

<!-- Bootstrap 5 List-group -->
<ul class="list-group">
   <li class="list-group-item active" aria-current="true">An active item</li>
   <li class="list-group-item">A second item</li>
   <li class="list-group-item">A third item</li>
   <li class="list-group-item">A fourth item</li>
   <li class="list-group-item">And a fifth one</li>
</ul>

<!-- With badges -->
<ul class="list-group">
   <li
      class="list-group-item d-flex justify-content-between align-items-center"
   >
      A list item
      <span class="badge bg-primary rounded-pill">14</span>
   </li>
   <li
      class="list-group-item d-flex justify-content-between align-items-center"
   >
      A second list item
      <span class="badge bg-primary rounded-pill">2</span>
   </li>
   <li
      class="list-group-item d-flex justify-content-between align-items-center"
   >
      A third list item
      <span class="badge bg-primary rounded-pill">1</span>
   </li>
</ul>

Posted by: Guest on March-02-2021

Source

... <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> ...

Code answers related to "list-group-item-heading bootstrap 4"

Code answers related to "Html"

Browse Popular Code Answers by Language

Answers for "list-group-item-heading bootstrap 4"

Code answers related to "list-group-item-heading bootstrap 4"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us