5

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

<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，到目前为止没有任何效果，每个按钮都在自己的行中。非常感谢任何帮助或提示！

4

4 回答 4

18

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

<%= button_to "Login", login_path, form: {style: 'display:inline-block;'}%>
于 2015-04-17T12:59:34.777 回答
7

Rails 生成一个包含 div 的表单button_to。要使其内联，您需要将表单和 div 都更改为内联。在你的CSS中，添加

.button_to,
.button_to div {
  display: inline;
}
于 2014-05-02T00:25:29.300 回答
5

尝试更改button_totolink_to并仔细检查 css 是否包含类似position: relative; display: inline. 您还可以检查 div 是否足够宽！

于 2013-04-26T16:15:35.310 回答
4

如果由于任何原因您不能用以下方法替换button_to对link_to我有用的方法：

<div style="display:inline-block;">
  <%= button_to "Text", action: "some_action" %>
</div>
于 2014-07-22T19:09:30.773 回答