2

Rails アプリのスタイルを設定するために bootstrap-sass gem を使用していますが、新しいユーザー登録フォームの送信ボタンで 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 クラスを追加しようとすると、ボタンのスタイリングが乱れ、同じクラスでスタイル設定された上記のリンクのような width: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 に答える