は、私がここに表示されるよう スタイリング「エラーで入力を」使用したいTwitterのbootsrap

Question

のエラースタイルを使用することができませんでした

form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline { 
    color: #b94a48; 
} 

）

私のマークアップ：

<div id="new_folder_name_div" class="clearfix error"> 
        <label for="new_folder_name">Name&nbsp</label> 
        <div class="input"> 
         <input class="medium error" id="folder_name" size="15" type="text" /> 
         <span>*</span> 
        </div> 

画像：

私は入力要素は、上記CSSの役割と一致していないクロムコンソールと参照。

理由は何ですか？

Answer 1

実際の入力は次の行の下になります。 "clearfix error"というクラスを含むdivが必要であることに注意してください。

form .clearfix.error input, form .clearfix.error textarea { 
    color: #B94A48; 
    border-color: #EE5F5B; 
} 

<div class="clearfix error"> 
    <div class="input"> 
     <input class="xlarge error" type="text"> 
    </div> 
</div> 

Answer 2

は

$('#folder_name').closest('.clearfix error').addClass('error');