Python 如何将引导样式添加到django表单?

Python 如何将引导样式添加到django表单?,python,html,css,django,twitter-bootstrap,Python,Html,Css,Django,Twitter Bootstrap,我创建了一个django表单并在模板中输出它。但我不明白如何添加引导样式,因为这个django表单不好 输出图像: 代码: {%extends'base.html%} {%block title%} 联系我们 {%endblock%} {%block content%} 联系我们 {%csrf_令牌%} {%形式的字段为%} {{field.label} {{field}} {%endfor%} 我们永远不会与其他人共享您的电子邮件。 发送 {%endblock%} 要将引导样式添加到表单中,

我创建了一个django表单并在模板中输出它。但我不明白如何添加引导样式,因为这个django表单不好

输出图像:

代码:

{%extends'base.html%}
{%block title%}
联系我们
{%endblock%}
{%block content%}
联系我们
{%csrf_令牌%}
{%形式的字段为%}
{{field.label}
{{field}}
{%endfor%}
我们永远不会与其他人共享您的电子邮件。
发送
{%endblock%}

要将引导样式添加到表单中,需要将此代码粘贴到CSS标记之间的某个位置

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

这就是JavaScript

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

这将对您的表单应用一些样式。
完成此操作后,如果要更改样式,必须使用引导文档中指定的类,您可以在此处找到这些类:


这将为您提供所需的样式,尽管您可能还想添加一点自己的样式,以获得所需的内容。

要将引导样式添加到表单中,您需要将此代码粘贴到CSS标记之间的某个位置

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

这就是JavaScript

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

这将对您的表单应用一些样式。
完成此操作后,如果要更改样式,必须使用引导文档中指定的类,您可以在此处找到这些类:

这将为您提供所需的样式,尽管您可能还需要添加一点自己的样式,以获得您想要的内容。

将此添加到表单中:

def __init__(self, *args, **kwargs):
    super().__init__(*args, **kwargs)
    for myField in self.fields:
        self.fields[myField].widget.attrs['class'] = 'form-control'
将以下内容添加到您的表单中:

def __init__(self, *args, **kwargs):
    super().__init__(*args, **kwargs)
    for myField in self.fields:
        self.fields[myField].widget.attrs['class'] = 'form-control'

你需要让你的问题更清楚,我的回答告诉你如何使用引导,这就是你的问题的答案。如果你想改进它,你必须将引导和你自己的CSS知识结合起来。Bootstrap将给你一些基本的样式,但这也取决于你。我需要样式我的形式,因为这是你的形式图片。你的样式表在哪里?如果不发布相关代码,你不能期望任何人给你提供你需要的帮助。在我看来,你似乎没有尝试添加任何样式,你只是希望有人为你编写代码。在寻求帮助之前,先处理一些CSS,然后进行一些有效的尝试。你需要让你的问题更清楚,我的答案告诉你如何使用bootstrap,这就是你的问题的含义。如果你想改进它,你必须将引导和你自己的CSS知识结合起来。Bootstrap将给你一些基本的样式,但这也取决于你。我需要样式我的形式,因为这是你的形式图片。你的样式表在哪里?如果不发布相关代码,你不能期望任何人给你提供你需要的帮助。在我看来,你似乎没有尝试添加任何样式,你只是希望有人为你编写代码。在请求帮助之前,先处理一些CSS,然后返回一些有效的尝试。