使用文本内联button_to : twitter-bootstrap-rails

Question

我正在渲染一个带有2个按钮和文本的部分，并尝试使用twitter bootstrap将这两个按钮放在与我的文本相同的行上。部分文件：

<div class="well pull-right inline">
<% if logged_in? %>
    Logged in as <%= session[:user] %>. <%= button_to 'Logout', logout_path, :class => "btn btn-danger", :form_class => "form-inline form-horizontal" %>
<% else %>
    Welcome Guest! <%= button_to "Login", login_path, {:class => "btn btn-success inline", :form_class => "form-inline form-horizontal"} %>
    or <%= button_to 'Register', register_path, {:class => "btn btn-primary inline", :form_class => "form-inline form-horizontal"} %>
<% end %>
</div>

在用户登录时呈现的注销按钮也是如此。我试着把各种各样的东西放到button_to类和它的form_class中，到目前为止都没什么效果，每个按钮都在它自己的行上。任何帮助或提示都非常感谢！

Answer 1

尝试将button_to更改为link_to，并仔细检查css是否包含类似position: relative; display: inline的内容。您还可以检查div是否足够宽！

Answer 2

可以使用以下语法访问由button_to帮助器创建的表单的样式属性：

<%= button_to "Login", login_path, form: {style: 'display:inline-block;'}%>

Answer 3

Rails为button_to生成一个内部带有div的表单。要使其内联，您需要将form和div都更改为inline。在css中，添加

.button_to,
.button_to div {
  display: inline;
}