Michael Hartls RoR 튜토리얼 : scss가 입력을 목표로하지 않습니다

Question

Ruby on Rails에 대한 Michael Hartl의 튜토리얼을 진행하면서 직면하고있는 문제에 대해 글을 쓰고 있습니다. 문제는 암호 확인을 위해 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>

I 라인 @include box_sizing;을 주석 또는 height: 25px;처럼 고정 높이를 제공하기 위해 시도했지만 도움이되지 않았다.

도움이 될 것입니다.

Answer 1

나에게 이런 일이 몇 번 있었는지 말할 수 없습니다.

수업에 맞춤법을 검사하십시오. 부트 스트랩 일반적으로 대신 밑줄의 하이픈을 사용하고, 그것이 있어야 할 때 당신은 당신의 :password_confirmation 필드에 form_control 클래스를 가지고 form-control