错误的文本不是红色的

时间:2014-02-05 04:49:51

标签: html css twitter-bootstrap twitter-bootstrap-3

我有以下html输出:

<div class="clearfix has-error">
    <label for="id_password" class="control-label">Password</label>
    <input class="form-control" id="id_password" name="password" type="password">
    <span class="help-inline">This field is required</span>
  </div>

inputBox本身及其标题(标签)为红色,但错误文本不是。根据文件应该是。我想知道为什么以及如何解决这个问题?

Twitter bootstrap 3.0.2

2 个答案:

答案 0 :(得分:2)

我想你正在寻找这个

<div class="clearfix has-error">
    <label for="id_password" class="control-label">Password</label>
    <input class="form-control" id="id_password" name="password" type="password">
    <span class="help-block">This field is required</span>
  </div>

这会为文字添加红色。而不是.help-inline添加.help-block类。

答案 1 :(得分:1)

只需将class="help-inline"替换为class="help-block"

应该是这样的:

<span class="help-block">This field is required</span>