Question

我无法使用HAML制作播放按钮。

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

我非常接近解决它。我错过了什么？

Answer 1

如果您希望在带有Bootstrap和HAML的按钮内放置一个图标，请尝试：

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

Answer 2

按钮标记doenst具有href属性。

你使用a-tags样式就像按钮一样。

我还建议您使用“fontawesome”而不是glyphicon。集成非常简单，只需添加gem并告诉bootstrap使用FA。

图标列表位于：https://fortawesome.github.io/Font-Awesome/icons/

按钮执行此操作

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

如果您正在使用font-awesome gem，那么它只是

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

如何使用HAML向button_tag添加图标？

2 个答案: