如何覆盖现有 Django 表单的 css？

Question

我使用 Django Material 表单。它总是在页面的中心对齐。我可以更改检查元素中的列。但无法在实际代码中做到这一点。我想在页面左侧对齐表格。默认情况下，它正在获取 col s 12。我该如何覆盖它？

<form method="POST" >

        {% csrf_token %}
        {% form form=form %}{% endform %}


  <div class="input-group" >
    <span class='input-group-btn'>
<input type='submit' value='Subscribe' class='btn btn-primary btn-lg' />
    </span>
  </div>
</form>

Answer 1

django-material 表单占用所有容器宽度。

因此您可以将表单放入容器中，并根据需要对容器进行布局。

<div class="row">
   <div class="col s5">
       <form method="POST">
           {% csrf_token %}
           {% form form=form %}{% endform %}
       </form>
   </div>
</div>

顺便说一句，您使用 input-group、input-group-btn 等按钮的类来自 bootstrap，不存在于 materializecss 框架中。这是可用按钮样式的文档 - http://materializecss.com/buttons.html

如何覆盖现有 Django 表单的 css？

How can I override the css of existing Django form?

html

css

django

django-forms

materialize