css - iconos - glyphicon glyphicon
Cómo usar botones con solo glyphicons en twitter bootstrap (6)
¿Cuál es el marcado adecuado para usar un botón con solo un glifón en él en Twitter Bootstrap 3.0? Si uso lo siguiente
<button type="button" class="btn btn-xs btn-danger">
<span class="glyphicon glyphicon-trash"></span>
</button>
Me sale algo como esto:
Actualizar:
Hice una diferencia entre los estilos en el mío y el elemento <button> @Adrift y obtuve lo siguiente:
# -- is mine
--webkit-perspective-origin: 12px 8px;
+-webkit-perspective-origin: 12px 11px;
--webkit-transform-origin: 12px 8px;
+-webkit-transform-origin: 12px 11px;
-height: 16px;
+height: 22px;
-text-rendering: auto;
+text-rendering: optimizelegibility;
(antes de la versión 3.0) ¿No debería ser ...
<button type="button" class="btn btn-small btn-danger">
<i class=" icon-trash"></i>
</button>
Hola tuve el mismo problema. Descubrí que <!DOCTYPE html> faltaba en index.html. Después de agregar esto, el botón tenía de inmediato el tamaño correcto. Espero que esto ayude ;)
Intente agregar un espacio sin interrupciones después del intervalo de iconos.
Me gusta esto:
<button type="button" class="btn btn-xs btn-danger">
<span class="glyphicon glyphicon-trash"></span>
</button>
O simplemente puedes usar el glyphicon como un botón.
<div id="TrashButton" class="glyphicon glyphicon-trash" style="cursor:pointer"></div>
y luego establece un método "onclick" para ello ...
$("#TrashButton").on("click", function () {
//do something
});
Parece un poco tarde pero la respuesta correcta es:
<button class="btn btn-info" type="button"> <span class="glyphicon glyphicon-refresh"></span> </button>
Debe agregar glyphicon y glyphicon- {type} en la clase span, no un elemento. Buena suerte
Simplemente use <span role="button" class="glyphicon glyphicon-trash btn-lg" onclick="yourFunction()"></span>