无法使用twitter bootstrap的错误风格

Question

我想使用“带错误的输入”样式 如下所示： http://twitter.github.com/bootstrap/

之后只有自定义css

（相关行是722

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>

图片：

但我在Chrome控制台中看到输入元素与上述css角色不匹配。

知道为什么吗？

Answer 1

实际输入是下一行。请注意包含div的类＆＃34; clearfix错误＆＃34;是必需的。

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');