使用 button_to 引导按钮组样式答案

【问题标题】：bootstrap button group styling with button_to使用 button_to 引导按钮组样式
【发布时间】：2013-12-29 01:18:40
【问题描述】：

我在使用 button_to 设置引导按钮组的样式时遇到问题。

如上所示，我想在底部有类似的东西，但目前我在使用“button_to”助手时遇到了“4”按钮的问题。

我的代码如下所示：

<div class="btn-group btn-group-sm">
<button type="button" class="btn btn-default">1</button>
<button type="button" class="btn btn-default">2</button>        
<button type="button" class="btn btn-default">3</button>
<%= button_to "4", {:action => "new", :id => 1}, :class => "btn btn-default" %>
<button type="button" class="btn btn-default">5</button>
<button type="button" class="btn btn-default">6</button>
</div>

请帮我解决它。

【问题讨论】：

标签： css twitter-bootstrap ruby-on-rails-4

【解决方案1】：

我最终得到了以下代码。现在可以正常使用了。

<%= link_to "4", {:action => "new", :id => 1}, class: "btn btn-default", role: "button" %>

【讨论】：

【解决方案2】：

rails表单助手button_to围绕按钮元素生成一个表单，这个表单的css为display:block

我通过添加这个 css 解决了这个问题：

div.btn-group form{
  display: inline;
}

【讨论】：

【解决方案3】：

将 div 的样式设置为 display: inline 怎么样？

【讨论】：

使用了带有 link_to 的 button_tag。它以某种方式工作，但实际上是在按钮内按下链接，这不是我想要的。
button_to 创建一个表单元素并且它没有被设置样式是我最好的猜测。只为类 btn btn-default 设置样式怎么样？