Lists Style
Method 1 : List icon with class
Use the below code to display Lists style with class:
<ul class="list [ add list style class listed below ]"> <li> [Your Content] </li> <li> [Your Content] </li> <li> [Your Content] </li> <li> [Your Content] </li> <li> [Your Content] </li> </ul>
You can change the List styles with using following classes :
Class | Description |
---|---|
.list-mark |
Display list with true mark |
.list-arrow |
Display list with arrow. |
.list-hand |
Display list with hand |
.list-edit |
Display list with edit |
Method 2: List icon with Font awesome icon
Use the below code to display Lists style with Font awesome icon :
<ul class="list list-unstyled"> <li><a href="#">[ Font awesome icon ] [ Description]</a></li> <li><a href="#">[ Font awesome icon ] [ Description]</a></li> <li><a href="#">[ Font awesome icon ] [ Description]</a></li> <li><a href="#">[ Font awesome icon ] [ Description]</a></li> <li><a href="#">[ Font awesome icon ] [ Description]</a></li> </ul>