将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帮助程序创建的表单的样式属性:

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

Answer 2

Rails生成一个带有div的表单button_to.要使其内联,您需要将表单和div更改为内联.在你的CSS中,添加

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

Answer 3

尝试更改button_toto link_to和双重检查css包含类似的内容position: relative; display: inline.您也可以检查div是否足够宽!