【问题标题】:Django/Bootstrap Formatting IssueDjango/Bootstrap 格式化问题
【发布时间】:2021-03-23 12:54:10
【问题描述】:

我正在通过一些 Django 初学者教程来构建一个基本的投票网站。我一切正常,但我无法在我的“结果”页面上正确显示投票的格式。

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

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

它的外观: https://i.stack.imgur.com/PmCOb.png

下面是我的 results.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 %}

对我的错误有什么想法吗?

【问题讨论】:

  • 引导 im 使用的 CSS 代码是:cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/…" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">

标签: python html css django bootstrap-4


【解决方案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">

【讨论】:

  • 谢谢!那解决了它。为什么我的cdn没有工作?我从引导网站复制。
猜你喜欢
  • 2013-01-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-05-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-06-15
相关资源
最近更新 更多