2

我正在使用 bootstrap-sass gem 来设置我的 Rails 应用程序的样式，并且在让 btn-block 类与新用户注册表单中的提交按钮一起工作时遇到问题。

下面是相关代码...

   <%= link_to "Sign in with Facebook", user_omniauth_authorize_path(:facebook), class: "btn btn-primary btn-large btn-block" %> 

   <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name)) do |f| %>
<%= devise_error_messages! %>

<%= f.email_field :email, placeholder: "Email" %>

    <% if f.object.password_required? %>

<%= f.password_field :password, placeholder: "Password" %>

<%= f.password_field :password_confirmation, placeholder: "Confirm Password" %>

<% end %>

<%= f.submit "Create Account", class: "btn btn-primary" %>

<% end %>

此代码使用引导程序创建一个有效的提交按钮。但是，当我尝试将 btn-block 类添加到提交按钮时，它会与按钮样式混淆，并且不会为按钮提供宽度：100% 样式，就像上面使用同一类样式的链接一样。

4

1 回答 1

5

在 app/assets/stylesheets 中创建一个名为 style.css 的新样式表

确保使用语法在 application.css 中明确需要此样式表 *= require_self

所以在新的样式表 app/assets/stylesheets/style.css

.btn.btn-primary {
  width: 100%; 
}

如果这不起作用，您需要通过向表单添加 ID 来使您的选择器更加具体。

于 2012-09-24T15:24:41.150 回答