Я пытаюсь использовать django-boostrap4 в своем проекте, поэтому я сделал следующее:
My home_base.html
{% load static %}
{% load bootstrap4 %}
<!DOCTYPE html>
<html lang="pt-br" dir="ltr">
<head>
{% block head %}
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
{% bootstrap_css %}
<title>Avaliei - Inteligência Imobiliária</title>
{% endblock %}
</head>
<body>
{% block body %}
Body Content
{% endblock %}
{% bootstrap_jquery %}
{% bootstrap_javascript %}
</body>
</html>
Мой индекс.html:
{% extends "home_base.html" %}
{% load static %}
{% block body %}
<div class="body_wrapper">
<div id="preloader">
<div id="ctn-preloader" class="ctn-preloader">
<div class="animation-preloader">
<div class="spinner"></div>
<div class="txt-loading">
<span data-text-preloader="A" class="letters-loading">
A
</span>
<span data-text-preloader="V" class="letters-loading">
V
</span>
<span data-text-preloader="A" class="letters-loading">
A
</span>
<span data-text-preloader="L" class="letters-loading">
L
</span>
<span data-text-preloader="I" class="letters-loading">
I
</span>
<span data-text-preloader="E" class="letters-loading">
E
</span>
<span data-text-preloader="I" class="letters-loading">
I
</span>
</div>
<p class="text-center">Carregando</p>
</div>
<div class="loader">
<div class="row">
<div class="col-3 loader-section section-left"><div class="bg"></div></div>
<div class="col-3 loader-section section-left"><div class="bg"></div></div>
<div class="col-3 loader-section section-right"><div class="bg"></div></div>
<div class="col-3 loader-section section-right"><div class="bg"></div></div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
Мои настройки.py:
INSTALLED_APPS = [
...,
'bootstrap4', # Django Bootstrap 4
...
]
Но когда я запускаю сервер, моя страница остается пустой без какого-либо стиля, либо анимация из preloader.Несмотря на это, когда вы добавляете такой компонент, как кнопка «btn-danger», он работает отлично!По крайней мере, он показывает правильный стиль.
Мне не хватает некоторых базовых настроек для правильной работы?Я пытался добавить ссылки CDN непосредственно в index.html, но поведение такое же.
Надеюсь, кто-то может указать мне направильное направление.Я потратил несколько часов, пытаясь выяснить, что не так с моим кодом.
Заранее спасибо!