Site Managers and Editors can now transform lists like this:
to a grid like this:
All it takes is applying the grid聽class to the list element:
<ol class="grid">
聽 聽 <li>This is the first list item</li>
聽 聽 <li>This is the second list item</li>
聽 聽 <li>This is the third list item</li>
聽 聽 <li>This is the fourth list item</li>
聽 聽 <li>This is the fifth list item</li>
聽 聽 <li>This is the sixth list item</li>
</ol>
This聽class聽can be used with ordered (ol) and unordered (ul) lists, but not with聽definition (dl) lists.
Grids can be used to show:
A gallery of images
Steps in a process
Content previews
Sectional navigation
Click through to the to learn how to use grid along with other聽CSS classes to produce the examples above, as well as code snippets that will help you get your grid on.
Related content:
