Python Django:某些页面没有扩展CSS？_Python_Css_Django_Extend

Python Django:某些页面没有扩展CSS？

python css django

Python Django:某些页面没有扩展CSS？,python,css,django,extend,Python,Css,Django,Extend,我正试图使用在线版的“Python测试驱动开发”一书来学习Django。我有一个base.html文件、home.html和list.html文件。现在，CSS在home.html上运行良好，但在list.html上却根本不起作用！它们都从base.html文件扩展了CSS，那么为什么会出现问题呢？以下是文件： base.html: <!DOCTYPE html> <html lang="en"> <head> <meta cha

我正试图使用在线版的“Python测试驱动开发”一书来学习Django。我有一个base.html文件、home.html和list.html文件。现在，CSS在home.html上运行良好，但在list.html上却根本不起作用！它们都从base.html文件扩展了CSS，那么为什么会出现问题呢？以下是文件：

base.html:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>To-Do lists</title>
        <link href="static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
        <div class="container">

            <div class="row">
                <div class="col-md-6 col-md-offset-3">
                    <div class="text-center">
                        <h1>{% block header_text %}{% endblock %}</h1>
                        <form method="POST" action="{% block form_action %}{% endblock %}">
                            <input name="item_text" id="id_new_item" placeholder="Enter a to-do item"/>
                            {% csrf_token %}
                        </form>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 col-md-offset-3">
                    {% block table %}
                    {% endblock %}
                </div>
            </div>
        </div>
    </body>
</html>

{% extends 'base.html' %}

{% block header_text %}Start a new To-Do list{% endblock %}

{% block form_action %}/lists/new{% endblock %}

{% extends 'base.html' %}

{% block header_text %}Your To-Do list{% endblock %}

{% block form_action %}/lists/{{ list.id }}/add_item{% endblock %}

{% block table %}
    <table id="id_list_table">
        {% for item in list.item_set.all %}
            <tr><td>{{ forloop.counter }}: {{ item.text }}</td></tr>
        {% endfor %}
    </table>
{% endblock %}

list.html:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>To-Do lists</title>
        <link href="static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
        <div class="container">

            <div class="row">
                <div class="col-md-6 col-md-offset-3">
                    <div class="text-center">
                        <h1>{% block header_text %}{% endblock %}</h1>
                        <form method="POST" action="{% block form_action %}{% endblock %}">
                            <input name="item_text" id="id_new_item" placeholder="Enter a to-do item"/>
                            {% csrf_token %}
                        </form>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 col-md-offset-3">
                    {% block table %}
                    {% endblock %}
                </div>
            </div>
        </div>
    </body>
</html>

{% extends 'base.html' %}

{% block header_text %}Start a new To-Do list{% endblock %}

{% block form_action %}/lists/new{% endblock %}

{% extends 'base.html' %}

{% block header_text %}Your To-Do list{% endblock %}

{% block form_action %}/lists/{{ list.id }}/add_item{% endblock %}

{% block table %}
    <table id="id_list_table">
        {% for item in list.item_set.all %}
            <tr><td>{{ forloop.counter }}: {{ item.text }}</td></tr>
        {% endfor %}
    </table>
{% endblock %}

{%extends'base.html%}
{%block header_text%}您的待办事项列表{%endblock%}
{%block form_action%}/lists/{{list.id}}/add_item{%endblock%}
{%block table%}
{list.item_set.all%}
{{forloop.counter}}:{{item.text}
{%endfor%}
{%endblock%}

这可能有点傻，但无论如何，谢谢你

而不是使用硬编码 CSS链接

<link href="static/bootstrap/css/bootstrap.min.css" rel="stylesheet">

如果yoursite.com/something/list/则使用

<link href="../../static/bootstrap/css/bootstrap.min.css" rel="stylesheet">

如果浏览器内的web控制台中有错误，您会发现哪些错误？您也可以使用django模板标记进行静态链接！！