List Group

Default

  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
<ul class="list-group mb-2 mb-md-4">

  <li class="list-group-item   ">
    <span>List Item</span>
  </li>

  <li class="list-group-item   ">
    <span>List Item</span>
  </li>

  <li class="list-group-item  active ">
    <span>List Item</span>
  </li>

  <li class="list-group-item   disabled">
    <span>List Item</span>
  </li>

  <li class="list-group-item   ">
    <span>List Item</span>
  </li>

</ul>
			  

Type A

  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
<ul class="list-group list-group--type-a">

  <li class="list-group-item   ">
    <span>List Item</span>
  </li>

  <li class="list-group-item   ">
    <span>List Item</span>
  </li>

  <li class="list-group-item   ">
    <span>List Item</span>
  </li>

  <li class="list-group-item   ">
    <span>List Item</span>
  </li>

  <li class="list-group-item   ">
    <span>List Item</span>
  </li>

</ul>