Django/Bootstrap格式问题

Question

我正在学习一些Django初学者教程，以构建一个基本的民意调查网站。我有一切工作，但我无法使格式正确显示在我的"结果"；投票页面。

我的页面外观：https://i.stack.imgur.com/AuB6q.png

正在显示投票，但由于格式的原因，您无法看到它们：https://i.stack.imgur.com/QgMgr.png

它应该是什么样子：https://i.stack.imgur.com/PmCOb.png

以下是我的结果代码。html:

{% extends 'base.html' %}
{% block content %}
<h1 class="mb-5 text-center">{{ question.question_text }}</h1>
<ul class="list-group mb-5">
{% for choice in question.choice_set.all %}
<li class="list-group-item">
{{ choice.choice_text }}  <span class="badge badge-success float-right">{{ choice.votes }} vote{{ choice.votes | pluralize }}</span>
</li>
{% endfor %}
</ul>
<a class="btn btn-secondary" href="{% url 'polls:index' %}">Back To Polls</a>
<a class="btn btn-dark" href="{% url 'polls:detail' question.id %}">Vote again?</a>
{% endblock %}

你知道我做错了什么吗？

Answer 1

问题出在CDN中。更改此CDN

<link href="cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/…" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">

到这个

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