Bootstrap 3: Can the Glyphicons be stacked like Font Awesome's icons?

css twitter-bootstrap-3 glyphicons

redshift · Oct 20, 2013 · Viewed 16.4k times · Source

Is it possible to "stack" the default glyphicons using Bootstrap like you can with Font Awesome's icons? Can Glyphicons do this: http://fortawesome.github.io/Font-Awesome/examples/#stacked or do I have to do custom coding?

Thanks!

Answer

Here is a shorter, cleaner version (of Bass Jobsen' solution)

css

.icon-stack {
    position: relative;
}
.icon-stack .glyphicon {
    position: absolute; 
}

html

<span class="icon-stack">
   <i class="glyphicon glyphicon-unchecked"></i>
   <i class="glyphicon glyphicon-ok"></i>
</span>

example

http://jsfiddle.net/58aED/2/