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>