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>&hellip;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

Popular posts from this blog

Unable to remove the www from url on https using .htaccess -