使用引導程序樣式化錯誤消息

Question

我正在構建自己的表單來擺脫幫助文本，因為我無法更改django中的內置表單來刪除幫助文本。

到目前為止，一切都很好，但是我無法設置錯誤消息的樣式。

它顯示了基本的ul和il樣式。

我該怎么做 ？ 謝謝。

<form class="" method="post">
   {% csrf_token %}
          <label for="id_new_password1"> Senha </label><br>
    <div class="">
        <input required text="password" class="form-control" placeholder="Senha" name="new_password1"/>
            {{ form.new_password1.errors }}
    </div><br>
         <label for="id_new_password2"> Confirmar senha </label><br>
    <div class="">

       <input required text="password" class="form-control" placeholder="Confirmar senha" name="new_password2"/>
        {{ form.new_password2.errors }}
    </div><br>
    <input type="submit" class="btn btn-primary col-sm-12" value="Confirmar" />

</form>

Answer 1

您可以使用警報 。 像這樣：

{% if form.new_password1.errors %}
    <div class="alert alert-danger" role="alert">{{ form.new_password1.errors }}</div>
{% endif %}

此外，您是否嘗試過此答案以擺脫help_text？

Answer 2

嘗試將錯誤消息包裝在一個元素中。

<div class="error-messages">{{ form.new_password1.errors }}</div>

.error-messages {
  color: red;
  font-size: 12px; }