List

List is used to show related items collectively.
Simple List

    Options

  • Item one
  • Item two
  • Item three
  • Item four
  • Item five
 
<div class="list-container">
  <ul class="list">
    <h3 class="list-label">Options</h3>
      <li>Item one</li>
      <li>Item two</li>
      <li>Item three</li>
      <li>Item four</li>
      <li>Item five</li>
  </ul>
</div>
Stacked List

    Comments

  • Male avatar

    Nice Work

  • Male avatar

    Keep It up

  • Male avatar

    Good Job

 
<div class="list-container">
  <ul class="list stackedlist">
    <h3 class="list-label">Comments</h3>
      <li>
         <img class="avatar avatar-md" src="Paste Image Url" alt="Male avatar"> 
         <p class="small-text-3">Text</p>                    
      </li>

      <li>
        <img class="avatar avatar-md" src="Paste Image Url" alt="Male avatar">                          
      </li>

      <li>
        <img class="avatar avatar-md" src="Paste Image Url" alt="Male avatar">                         
      </li>
  </ul> 
</div>
Navbar Rating