Bootstrap可忽略警报

Question

我在我的django项目中有一个表单，并且我想在用户单击提交时显示表单错误（如果有）。这是我的领域之一（在得到一个合适的工作之前，我移动到其他）

<div class="form-group"> 
    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="title">Title 
    </label> 

    <div class="col-md-6 col-sm-6 col-xs-12"> 
     {{ form.title }} 
    </div> 
    <div class="col-md-3 .col-md-offset-3"> 
{#          <p class="text-danger">{% for error in form.title.errors %}{{ error }}{% endfor %}</p>#} 
     <div class="alert alert-warning alert-dismissible" role="alert"> 
      <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
      <p>{% for error in form.title.errros %} {{ error }} {% endfor %}</p> 
     </div> 
</div> 

不过我有2个问题：

1. 警报显示了形式负载时，没有错误消息：

当我驳回形式造型得到弄糟警报：

我似乎无法理解的问题是什么。

我能够在没有使用此代码的引导警报的情况下获得错误消息。但是这将是巨大的，让校正作出后用户关闭快讯：

<div class="form-group"> 
    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="title">Title 
    </label> 

    <div class="col-md-6 col-sm-6 col-xs-12"> 
    {{ form.title }} 
    </div> 
    <span class="help-block"> 
     <p class="text-danger">{% for error in form.title.errors %}{{ error }}{% endfor %}</p> 
    </span> 
</div> 

Answer 1

你<div>包含警报没有结束</div>标签，即弄乱了，当你解除警报的形式。至于表单加载时显示的警报 - 警告div中已经有一些内容（“关闭”按钮），以便显示它。你必须有条件地（仅当有相应的错误显示），使其：

<div class="col-md-3 .col-md-offset-3"> 
     {% if form.title.errors %} 
      <div class="alert alert-warning alert-dismissible" role="alert"> 
       <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
       <p>{% for error in form.title.errors %} {{ error }} {% endfor %}</p> 
      </div> 
     {% endif %} 
    </div>