在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>