Glyphicons plus grands

Question

Comment faire des glyphicons plus grands dans twitter bootstrap 3.0 (pas 2.3.x).

Ce code va rendre mes glyphicons plus grands :

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

Comment puis-je obtenir cette taille sans en utilisant la classe btn-lg tout en utilisant uniquement une portée ?

Cela donne un petit glyphicon :

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

Answer 1

Vous pouvez simplement donner au glyphicon une taille de police à votre convenance :

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

Answer 2

El .btn-lg a le CSS suivant dans Bootstrap 3 ( enlace ):

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

Si vous appliquez le même font-size y line-height à votre span (soit .glyphicon-link ou une nouvelle .glyphicons-lg si vous comptez utiliser cet effet dans plus d'une instance), vous obtiendrez un Glyphicon de la même taille que le grand bouton.