python - 带有 Twitter Bootstrap3 和主题的 Django

Question

我已经对此进行了很长时间的研究和试验，但我似乎无法弄清楚实现这一目标的最佳方法是什么。我知道我做错了，所以一些澄清和一些简单的例子会有很大帮助。

我想知道如何使用来自 https://wrapbootstrap.com/ 的 bootstrap3 主题与 Django 。我研究了 django-bootstrap3 和 django-bootstrap-themes 包。在 django-bootstrap-themes 的 github 页面上，它说它与 bootswatch 兼容。我不喜欢他们的主题，所以我想知道它是否与 wrapbootstrap.com 主题兼容。我将从 wrapbootstrap.com 中选择的主题是响应式 HTML 主题。我想知道根据个人经验是否有人知道这些包中的哪些最适合将 wrapbootstrap.com 中的主题与 django 一起使用。

我知道可以从主题中取出样式表、脚本，将它们以静态方式放入各自的文件夹中，然后将 HTML 基础变成基础模板以及其他页面。然后从 CDN 安装 bootstrap。我知道 django-bootstrap3 也可以做到这一点。但是我无法在任何地方找到关于将其中一个主题和 twitter bootstrap3 集成到 Django 网站的最佳方法的答案，以及一些这样做的快速示例。

谢谢，任何这样做的建议都会有很大帮助。

Answer 1

包裹django-bootstrap3是一个很好的实用程序，它允许您在模板中生成更少的 HTML 标记，否则这些标记将需要 Bootstrap 才能工作。为此，它使用了一些额外的模板标签。

我发现这个包很不错，有时我会使用它，但通常是在你深入了解 bootstrap 之后，你才会欣赏它。

包裹django-bootstrap-themes似乎是一个应用程序，它也提供了一些模板标签，如前一个包，但显然更少。但它也允许您轻松集成来自 Bootswatch 的主题到您的 Django 模板中，如果您发现这些模板很吸引人，这很好。除此之外，我个人没有找到使用它的其他原因。但同样，如果适合您，这两个包可以一起使用。

一些例子:

为了让 Bootstrap 在您的模板中运行而不任何其他包，您必须在您的基本 html 文件中包含以下内容:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
{# HTML5 shiv and Respond.js for IE8 support of HTML5 elements and media queries #}
{# WARNING: Respond.js doesn't work if you view the page via file:// #}
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

在底部:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

使用 django-bootstrap3 这个 becomes :

{% load bootstrap3 %}
{% bootstrap_css %}
{% bootstrap_javascript %}

但是其他一些标记变得非常简单。例如， Bootstrap 表单(请参阅 the official docs example)将变得很容易:

<form action="/url/to/submit/" method="post" class="form">
  {% csrf_token %}
  {% bootstrap_form form %}
  {% buttons %}
    <button type="submit" class="btn btn-primary">
      {% bootstrap_icon "star" %} Submit
    </button>
  {% endbuttons %}
</form>

使用 django-bootstrap-themes 加载 Bootstrap :

{% load bootstrap_themes %}
{% bootstrap_script use_min=True %}

显然这就是您使用 bootswatch 中的主题之一的方式:

{% bootstrap_styles theme='cosmo' type='min.css' %}

总而言之，如果您希望在模板中使用任何其他现成的 Bootstrap 主题，您仍然需要使用您在问题中描述的标准方法，可能使用上述一些工具在上面。