CSS не работает без ".min.css" в качестве формата имени
В настоящее время я использую bootstrap на django, но почему-то один из CSS ниже не работает
- это не работает: https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.css .
- это работает!!! https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css
Я убеждаюсь, что у них одинаковая версия bootstrap. Это код моего статического файла на моем базовом шаблоне html:
<!-- THIS DOES NOT WORK -->
{% load static %}
<link rel="stylesheet" href="{% static 'css/bootstrap.css' %}">
<!-- THIS WORKS -->
{% load static %}
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
мои статические каталоги содержат оба файла.
знает ли кто-нибудь, почему .min.css работает? или какие-либо другие возможные причины, почему файл .css не работает? Я хочу использовать .css, а не min.
Bootstrap и многие другие компоненты веб-базы используют сжатую версию CSS и JavaScript файлов, поэтому вы видите min в имени файла.
Рекомендация: Используйте этот код для загрузки bootstrap вместо вашего:
{% load static %}
<!DOCTYPE html>
<html>
<head>
{% load bootstrap5 %}
{% bootstrap_css %}
{% bootstrap_javascript %}
</head>