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

【问题标题】：How can I override the css of existing Django form?如何覆盖现有 Django 表单的 css？
【发布时间】：2015-10-23 03:06:45
【问题描述】：

我使用 Django Material 表单。它总是在页面的中心对齐。我可以更改检查元素中的列。但无法在实际代码中做到这一点。我想对齐页面左侧的表单。默认情况下它正在获取第 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>

【问题讨论】：

你尝试过编写内联 CSS 吗？例如 - <form style="width: 300px; float: left;">

标签： html css django django-forms materialize

【解决方案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 等来自引导程序，并且在 materializecss 框架中不存在。这是可用按钮样式的文档 - http://materializecss.com/buttons.html

【讨论】：