Michael Hartls RoRチュートリアル：scssが入力をターゲットにしていません

Question

Michael HartlのRuby on Railsチュートリアルの作業中に直面している問題について書いています。問題は、パスワードの確認のためにcssが入力フィールドの外観を変更しないことです。他のすべての入力フィールドの外観はCSSルールの影響を受けます。下の写真やファイルを検索してください：

What I get:

// app/assest/stylesheets/custom.scss 
 

 
@mixin box_sizing { 
 
    -moz-box-sizing: border-box; 
 
    -webkit-box-sizing: border-box; 
 
    box-sizing: border-box; 
 
} 
 

 
/* forms */ 
 

 
input, textarea, select, .uneditable-input { 
 
    border: 1px solid #bbb; 
 
    width: 100%; 
 
    height: auto; 
 
    margin-bottom: 15px; 
 
    @include box_sizing; 
 
}

# app/views/users/new.html.erb 
 

 
<% provide(:title, 'Sign up') %> 
 
<h1>Sign up</h1> 
 

 
<div class="row"> 
 
    <div class="col-md-6 col-md-offset-3"> 
 
    <%= form_for(@user, url: signup_path) do |f| %> 
 
     <%= render 'shared/error_messages' %> 
 

 
     <%= f.label :name %> 
 
     <%= f.text_field :name, class: 'form-control' %> 
 

 
     <%= f.label :email %> 
 
     <%= f.email_field :email, class: 'form-control' %> 
 

 
     <%= f.label :password %> 
 
     <%= f.password_field :password, class: 'form-control' %> 
 

 
     <%= f.label :password_confirmation, "Confirmation" %> 
 
     <%= f.password_field :password_confirmation, class: 'form_control' %> 
 

 
     <%= f.submit "Create my account", class: "btn btn-primary" %> 
 
    <% end %> 
 
    </div> 
 
</div>

私はライン@include box_sizing;をコメントアウトするかheight: 25px;のような一定の高さを与えることを試みてきましたが、それは助けにはなりませんでした。

助けていただけたら幸いです！

Answer 1

これが何回起こったかは私にはわかりません。

クラスのスペルを確認してください。ブートストラップ一般代わりにアンダースコアのハイフンを使用し、それがあるべきとき、あなたの:password_confirmationフィールド上form_controlクラスを持っているform-control