Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/66.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails Rails:按钮组,带有按钮_Ruby On Rails_Twitter Bootstrap - Fatal编程技术网

Ruby on rails Rails:按钮组,带有按钮

Ruby on rails Rails:按钮组,带有按钮,ruby-on-rails,twitter-bootstrap,Ruby On Rails,Twitter Bootstrap,我在Rails应用程序中使用Bootstrap,我想创建一个按钮组,其中包含使用生成的按钮 这就是我所拥有的: <div class="btn-group icons"> <%= button_to(raw("<i class='icon-undo'></i>"), project_steps_path(@project), :method=>:post, :class=> "btn undoIcon disabled", :

我在Rails应用程序中使用Bootstrap,我想创建一个按钮组,其中包含使用
生成的按钮

这就是我所拥有的:

  <div class="btn-group icons">
      <%= button_to(raw("<i class='icon-undo'></i>"), project_steps_path(@project), :method=>:post, :class=> "btn undoIcon disabled", :title=>"undo" )%>
      <button class="btn reorderIcon" title="reorder steps"><%=image_tag("icons/reorder_icon.png")%></button>
      <button class="btn expandIcon" title="expand"><i class="icon-fullscreen"></i></button>
  </div>

:post,:class=>“btn撤消图标已禁用”,:title=>“撤消”)%>
我希望
在html中生成类似
的内容,但我得到了以下结果:

<div class="btn-group icons">
      <form action="/projects/18/steps" class="button_to" method="post"><div><input class="btn undoIcon disabled" title="undo" type="submit" value="&lt;i class='icon-undo'&gt;&lt;/i&gt;"><input name="authenticity_token" type="hidden" value="waRzPnaIUfWBt+sAAQR5STOnilLXhirOx/GaE1i1kFI="></div></form>
      <button class="btn reorderIcon" title="reorder steps"><img alt="Reorder_icon" src="/assets/icons/reorder_icon.png"></button>
      <button class="btn expandIcon" title="expand"><i class="icon-fullscreen"></i></button>
</div>

这将在我的页面上产生以下内容:


如何正确使用
创建按钮?

我解决了这个问题,将
按钮替换为
链接到
你需要一点CSS。我是这样做的:


和CSS:

  • 元素需要
    .btn
    类,但应该为实际的
    留出空间
  • 取消设置
    元素的样式

.form btn group>.btn{
填充:0;
}
.form btn group>.btn>.btn{
边界:无;
背景:无;
}

这不是一个有效的选项,因为在发送参数时使用按钮而不是链接是有原因的,因为按钮创建表单。