List

Lists can be both spaced and stacked in nature.

Below is an example for spaced stack that are normal lists.

Item 1
Item 2
Item 3

Item 1
Item 2
Item 3

            
             <ul class="list">
              <li>Item 1</li>
              <li>Item 2</li>
              <li>Item 3</li>
             </ul>
             <ul class="list list-inline">
              <li>Item 1</li>
              <li>Item 2</li>
              <li>Item 3</li>
             </ul>

Below is an example for stacked lists used in notification pages.

user-1
Just liked your tweet now at 9:00pm
user-2
Just liked your tweet now at 9:01pm
user-3
Just liked your tweet now at 9:02pm

            
          <ul class="list">
            <li>
              <p class="text-lg">user-1</p>
              <span>Just liked your tweet now at 9:00pm</span>
            </li>
            <li>
              <p class="text-lg">user-2</p>
              <span>Just liked your tweet now at 9:01pm</span>
            </li>
            <li>
              <p class="text-lg">user-3</p>
              <span>Just liked your tweet now at 9:02pm</span>
            </li>
          </ul>