时间戳

首页 > 解决方案 > 如何在 Django 中使用 Bootstrap 类导航栏品牌添加自定义图像作为徽标？

html - 如何在 Django 中使用 Bootstrap 类导航栏品牌添加自定义图像作为徽标？

问题描述

非常感谢您的支持。我是 Django 和 Bootstrap 的新手。

当我下载一个引导模板时，它带有一个 logo.png。如果我用下面的代码指向这个图像，所有的作品

<a href="#" class="navbar-brand">
    <!-- Logo Image -->
    <img src="{% static '/img/logo.png' %}" width="100" alt="" class="d-inline-block align-middle mr-2">
    <!-- Logo Text -->
    <span class="text-uppercase font-weight-bold">Brand Name</span>
</a>

但是，如果我将自定义图像（test.png）放在同一个文件夹中？logo.png 并指向那个。该站点不显示徽标。

  1. 我尝试将 test.png 的大小调整为与 logo.png 相同
  2. 我尝试在我的系统上使用其他图像
  3. 只有模板附带的默认徽标和图像有效。

请问我错过了什么？请帮我。

标签： htmlcssdjangodjango-bootstrap3

解决方案

如果您使用的是生产服务器，则：

您需要使用python manage.py collectstatic将新图像放入提供静态文件的目录中。您在STATIC_ROOT项目的settings.py.

执行后collectstatic，您应该能够启动服务器并且链接中的图像应该是test.png。

这都是 Django，与 Bootstrap 无关。

编辑：正如dirkgroten指出的，这里解释了几种处理静态文件的方法。请注意开发服务器和生产服务器之间的区别。

推荐阅读