将 Button_to 与文本内联:twitter-bootstrap-rails

2024-03-20

我正在渲染带有 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,到目前为止没有任何效果,每个按钮都在自己的行上。非常感谢任何帮助或提示!


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

<%= button_to "Login", login_path, form: {style: 'display:inline-block;'}%>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将 Button_to 与文本内联:twitter-bootstrap-rails 的相关文章

随机推荐