在 Twitter Bootstrap 3.0 中使用只有一个字形图标的按钮的正确标记是什么？如果我使用以下
<button type="button" class="btn btn-xs btn-danger">
<span class="glyphicon glyphicon-trash"></span>
</button>
我得到这样的东西：
更新：
我对我的样式和@Adrift<button>元素的样式进行了比较，得到了以下结果：
# -- 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;
尝试在图标跨度之后添加一个不间断的空格。
像这样：
<button type="button" class="btn btn-xs btn-danger">
<span class="glyphicon glyphicon-trash"></span>
</button>
似乎有点晚了，但正确的答案是：
<button class="btn btn-info" type="button"> <span class="glyphicon glyphicon-refresh"></span> </button>
您必须在 span 类中添加 glyphicon 和 glyphicon-{type} ，而不是元素。祝你好运
嗨，我有同样的问题。我发现<!DOCTYPE html>index.html 中缺少它。添加此按钮后，按钮立即具有正确的大小。希望这可以帮助 ;）
或者您可以将字形图标本身用作按钮
<div id="TrashButton" class="glyphicon glyphicon-trash" style="cursor:pointer"></div>
然后为它设置一个“onclick”方法......
$("#TrashButton").on("click", function () {
//do something
});
（3.0之前的版本）不应该是...
<button type="button" class="btn btn-small btn-danger">
<i class=" icon-trash"></i>
</button>
只需使用
<span role="button" class="glyphicon glyphicon-trash btn-lg" onclick="yourFunction()"></span>