Question

我正在尝试使用Bootstrap执行典型的+/-按钮，但我想使用Glyphicons而不是+或 - 字符。

我知道official documentation说：

请勿与其他组件混用

图标类不能直接与其他组件结合使用。它们不应与同一元素上的其他类一起使用。而是添加嵌套的<span>并将图标类应用于<span>。

但是我觉得它应该是一个将Glyphicons放在按钮上的方法，我无法理解它。

如果没有，是否有什么可以实现相同的行为？

Here是我的代码段。

提前致谢！

Answer 1

只需在button - 容器中的某处添加span - 容器。

像这样......

<button type="button" class="btn btn-primary btn-lg"> 
  <span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
</button>

<button type="button" class="btn btn-primary btn-lg">
  <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
</button>

Answer 2

<button class="btn btn-info" type="button"> <span class="glyphicon glyphicon-refresh"></span> </button>

希望这会有所帮助：）

如何在带Bootstrap的按钮中使用Glyphicons？

2 个答案: