如何在帶Bootstrap的按鈕中使用Glyphicons？

-3

我想要做Bootstrap的典型+/-按鈕，但我想用Glyphicons而不是+或 - 字符。如何在帶Bootstrap的按鈕中使用Glyphicons？

我知道official documentation說：

不要與其他部件

圖標類不能與其他組件可以直接結合混合。他們不應該與同一元素上的其他類一起使用。相反，請添加一個嵌套的<span>並將圖標類應用於<span>。

但我認爲這應該是一種方法將Glyphicons放在一個按鈕上，我無法解決它。

如果不是，有沒有什麼可以實現相同的行爲？

Here是我的代碼片段。

提前致謝！

來源

2016-02-13 Francisco Romero

有什麼不好簡單地插入span元素到您的按鈕，如文檔告訴你......？ – CBroe

只需將span集裝箱添加到您的button集裝箱內。

事情是這樣的......

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

來源

2016-02-13 16:08:19 Bjoern

非常感謝！這正是我需要的:)。我雖然'按鈕組'應該是最好的選擇，但現在我可以看到我錯了。再次，非常感謝你:) –

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

希望這有助於:)

來源

2016-02-13 16:09:42

如何在帶Bootstrap的按鈕中使用Glyphicons？

回答

相關問題