Question

我是Django的新手，所以我不知道如何为模板赋予样式。我已经阅读过Allauth官方文档，但我不知道如何设置它们的样式？

我已经从github下载了模板并进行了所有目录设置。现在可以正常工作了。

这是我的登录模板，我必须将其转换为django allauth模板。

<div class="container">
  <div class="col-sm-10 main-section ml-auto mr-auto">
    <div class="card text-center shadow p-0 mb-0">
      <div class="card-header">
        <ul class=" nav nav-tabs card-header-tabs">
          <li class="nav-item ml-auto">
            <button type="button" class="close nav-link" aria-label="Close">
              <span aria-hidden="true"><a href="index.html">&times;</a></span>
            </button>
          </li>
        </ul>
      </div>
      <div class="card-body">
        <div class="modal-content">
          <form class="col-sm-11  ml-auto mr-auto">
            <h1 class="heading ">Login </h1>
            <div class="form-group">
              <input type="email" class="form-control" placeholder="Enter Email">
            </div>
            <div class="form-group">
              <input type="password" class="form-control" placeholder="Password">
            </div>
            <button type="submit" class=" btn col-sm-6 ml-auto mr-auto" id="log-    
    icon">Login
            </button>
            <div class="col-sm-6 forgot  ml-auto mr-auto">
              <a href="#">Forgot Password?</a>
            </div>
            <div class="col-sm-6 forgot  ml-auto mr-auto">
              <a href="signup_E.html">Create an Account</a>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>

Allauth模板如下所示，我仅上传allauth的直接登录表单

<p>{% blocktrans %}If you have not created an account yet, then please
  <a href="{{ signup_url }}">sign up</a> first.{% endblocktrans %}</p>
{% endif %}

<form class="login" method="POST" action="{% url '    
    account_login' %}">
  {% csrf_token %}
  {{ form.as_p }}
  {% if redirect_field_value %}
    <input type="hidden" name="{{ redirect_field_name }}" value="{{
        redirect_field_value }}"/>
  {% endif %}
  <a class="button secondaryAction" href="{% url   
    'account_reset_password' %}">{% trans "Forgot Password?" %}</a>
  <button class="primaryAction" type="submit">{% trans "Sign In"
    %}
  </button>
</form>

当我在其中添加一些引导程序和html代码时，它无法正常工作，实际上我不知道如何将我的设计添加到allauth模板。任何帮助将不胜感激。

如何设置django-allauth模板的样式？

0 个答案: