Bigger Glyphicons

guiomie picture guiomie · Aug 28, 2013 · Viewed 244.1k times · Source

How do I make bigger Glyphicons in twitter bootstrap 3.0 (not 2.3.x).

This code will make my glyphicons big:

<button type="button" class="btn btn-default btn-lg">
   <span class="glyphicon glyphicon-th-list">
   </span>
</button>

How can I get this size without using the btn-lg class while using only a span ?

This gives a small glyphicon:

<span class="glyphicon glyphicon-link"></span>

Answer

user2718994 picture user2718994 · Aug 28, 2013

You can just give the glyphicon a font-size to your liking:

span.glyphicon-link {
    font-size: 1.2em;
}