引導CSS BTN-塊類沒有使用Rails工作提交按鈕

我使用的是引導，薩斯寶石風格我的Rails應用程序，有一個問題得到BTN-block類，在新用戶註冊表單提交按鈕工作。引導CSS BTN-塊類沒有使用Rails工作提交按鈕

下面是相關代碼...

<%= 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％樣式。

來源

2012-09-24 Aaron

創建應用程序/資產/樣式新的樣式表名爲style.css的

確保您明確在新的樣式表的應用程序使用語法 *= require_self

所以需要這個樣式表在application.css /assets/stylesheets/style.css

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

如果這不起作用，您需要通過在窗體中添加ID來使選擇器更具體。

來源

2012-09-24 15:24:41

引導CSS BTN-塊類沒有使用Rails工作提交按鈕

回答

相關問題