css - What's the correct markup for stacked fontawesome icons as a bulleted list? -
i want use fontawesome icons in bulleted list. guide provides markup below:
<ul class="icons-ul"> <li><i class="icon-li icon-ok"></i>bulleted lists (like one)</li> <li><i class="icon-li icon-ok"></i>buttons</li> <li><i class="icon-li icon-ok"></i>button groups</li> <li><i class="icon-li icon-ok"></i>navigation</li> <li><i class="icon-li icon-ok"></i>prepended form inputs</li> <li><i class="icon-li icon-ok"></i>…and many more custom css</li> </ul>
simples. eh? however, instead of plain old icons, want use font awesome stack. comme ca:
<span class="icon-stack"> <i class="icon-check-empty icon-stack-base"></i> <i class="icon-twitter"></i> </span>
question is; how can combine two? sticking icon-li
in stack span class doesn't work.
is looking for?
<ul class="icons-ul"> <li> <span class="icon-stack icon-li"> <i class="icon-check-empty icon-stack-base"></i> <i class="icon-ok"></i> </span> buttons </li> <li> <span class="icon-stack icon-li"> <i class="icon-check-empty icon-stack-base"></i> <i class="icon-ok"></i> </span> …and many more custom css </li> </ul>
Comments
Post a Comment