使用button_to引导按钮组样式

Question

我在使用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>

请帮我解决。

Answer 1

我最终得到了以下代码。 它现在工作正常。

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

Answer 2

rails帮助button_to生成一个围绕button元素的表单，此表单的css为display:block

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

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

Answer 3

如何设置div的样式显示：inline？