如何使用HAML將圖標添加到button_tag？

我嘗試使用HAML製作播放按鈕時遇到問題。如何使用HAML將圖標添加到button_tag？

=button_tag clue_path(@question), class: "btn btn-lg glyphicon glyphicon-play"

結果以HTML

<button><icon class:"glyphicon glyphicon-play">/question/1/clue</i></button>

應該

<button><icon class: "glyphicon glyphicon-play"></i></button>

我超級接近解決它。我錯過了什麼？

來源

2015-09-16 Michael Stokes

的button_tag接受參數。第一個參數是顯示文本，放在「/ questions/1/clue」中。所以button_tag的行爲是正確的。正如我所描述的那樣，轉而使用錨標籤。 –

如果你希望把與引導和HAML按鈕內的圖標，請嘗試：

%button.btn.btn-lg.btn-default 
    %i.glyphicon.glyphicon-play

來源

2015-09-16 05:20:18 ahmacleod

按鈕標籤doenst有href屬性。

你使用a-tags風格他們就像一個按鈕。

另外我建議你使用「fontawesome」而不是glyphicon。整合是非常容易的，只需添加寶石，並告訴引導使用FA。

的圖標列表在這裏：https://fortawesome.github.io/Font-Awesome/icons/

的按鈕做這個

=link_to clue_path(@question), class: "btn btn-lg" do 
    %i.glyphicon.glyphicon-play

如果您正在使用的字體真棒寶石那麼它只是

=link_to clue_path(@question), class: "btn btn-lg" do 
    =icon "glyphicon-play" 

or 

=link_to icon("glyphicon-play"), clue_path(@question), class: "btn btn-lg"

來源

2015-09-16 06:30:22

這給我一個錯誤'= link_to「Read more」，post_path，class：「btn btn-success btn-lg」do = icon（「hand-o-right」）' 任何想法？ – Lykos

是的。它鏈接到PATH，類：「btn」做BLOCK' 然後在你有「READ MORE」和=圖標塊的一側，它的'link_to文本，路徑，選項'或'link_to路徑，選項，＆塊' –

如何使用HAML將圖標添加到button_tag？

回答

相關問題