Bootstrap

List in columns

This pattern brings better legibility with balanced negative space. Use this if you have a long list consisting more than 10 list items with short content overall.


  • Instructor led training
  • Anytime learning (e-learning)
  • Certifications
  • Badges
  • Learning pathways
  • Product and skills training
  • Regional training and global training
  • Training for all types of users
  • Campaign pages
  • Landing pages
  • Regioonal/global usage reporting
  • Sage U support help desk

<div class="row"> <!-- DIV with .row is required to use Bootstra's grid system for sub layout -->
  <div class="col-md-8"> <!-- col-md-8 is a part of Bootstrap's default grid system and it uses two thirds of the container.  Change this for different width. -->
    <ul class="list-in-col">
      <li>Instructor led training</li>
      <li>Anytime learning (e-learning)</li>
      <li>Certifications</li>
      <li>Badges</li>
      <li>Learning pathways</li>
      <li>Product and skills training</li>
      <li>Regional training and global training</li>
      <li>Training for all types of users</li>
      <li>Campaign pages</li>
      <li>Landing pages</li>
      <li>Regioonal/global usage reporting</li>
      <li>Sage U support help desk</li>
    </ul>
  </div>
</div>
      

Created and open sourced by the Bootstrap team. Sage branded by Central XD of Sage.