Question

我正在尝试加载静态CSS文件，但无济于事：

home.html：

{% extends 'base.html' %}

{% block body%}
{% load static %}
<link rel="stylesheet" href="{% static 'home/style.css' %}"     type="text/css">
<div class="container">
    <br/>
    <form method="post">
        {% csrf_token %}
        {{ form.post }}
        <br />
        <button type="submit">Submit</button>
</form>
<h2>{{ text }}</h2>
{% for post in posts %}
    <h1>{{ post.post }}</h1>
    <p>Posted </b> on {{ post.created }}</p>
 {% endfor %}
</div>
{% endblock %}

style.css：

.HomeForm {
size:20;
}

forms.py：

class HomeForm(forms.ModelForm):
post = forms.CharField(widget=forms.TextInput(
    attrs={
        'class': 'form-control',
        'placeholder': 'How are you feeling?',
        'size': '20',

    }
))

我觉得我将静态文件加载到错误的位置，怎么办？预先感谢。

Answer 1

您正在正确加载css文件。但这不是将CSS类应用于Django表单的方式。

首先，您已经为forms.py中的字段提供了引导程序属性。现在要应用css类，请更改以下内容。

style.css
不管你给班级起什么名字无需将其命名为您的表单名称。

.home-post { 
size:30; // Increase this to see difference
}

现在在 home.html 中将类添加到表单中。（寻找评论）。因此，现在该容器中的所有元素也都具有size属性。

{% extends 'base.html' %} {% block body%} {% load static %}
<link rel="stylesheet" href="{% static 'home/style.css' %}" type="text/css">
<div class="container home-post"> <!--This is how you need to apply-->
    <br/>
    <form method="post"> 
        {% csrf_token %} {{ form.post }}
        <br />
        <button type="submit">Submit</button>
    </form>
    <h2>{{ text }}</h2> {% for post in posts %}
    <h1>{{ post.post }}</h1>
    <p>Posted on {{ post.created }}</p>
    {% endfor %}
</div>
{% endblock %}

编辑：看起来您正在使用引导程序，但似乎没有加载它。如果您尚未在base.html

中添加引导，请添加

使用Django加载静态CSS文件时出现问题

1 个答案: