css – 如何在twitter引导中使用只有glyphicons的按钮

在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>&nbsp;
</button>