Skip to content

Latest commit

 

History

History
32 lines (28 loc) · 1.43 KB

README.md

File metadata and controls

32 lines (28 loc) · 1.43 KB

Bootstrap Glyphicon Bullet List

A CSS stylesheet that allows any Glyphicon included with Bootstrap 3.3.7 to be used as a <ul> bullet point. Should be used with Bootstrap 3.3.7.

Config

Either download the whole CSS file, or generate just the glyphicons CSS you need here: https://walrusdunne.github.io/bootstrap-glyphicon-bullet-list/

Usage

Apply the .glyphicon-bullet-list class to your <ul> element with whichever icon from the Bootstrap Glyphicon set prefixed with list- replacing the glyphicon- prefix. Eg. <ul class="glyphicon-bullet-list list-chevron-right">. This will apply the icon to all <li>'s in the list.

<ul class="gylphicon-bullet-list list-chevron-right">
 <li>This will have a chevron-right</li>
 <li>So will this</li>
 <li>And this one</li>
</ul>

If you would prefer to assign each bullet individually, just apply the list- classes to the <li> elements instead of the <ul>. Eg.

<ul class="glyphicon-bullet-list">
 <li class="list-chevron-right">This will have a chevron-right</li>
 <li class="list-asterix">This will have an asterix</li>
</ul>

You can also override an icon on an individual <li> where the icon has been set on the <ul> element, in essence providing a default but allowing an override. Eg.

<ul class="gylphicon-bullet-list list-chevron-right">
 <li>This will have a chevron-right</li>
 <li>So will this</li>
 <li class="list-asterix">This will have an asterix</li>
</ul>