Question

我使用Django Material表单。它总是在页面的中心对齐。我可以更改inspect元素中的列。但无法在实际代码中执行此操作。我想对齐页面左侧的表单。默认情况下，它正在获取第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？

1 个答案: