как загрузить bootstrap в Django? - PullRequest
Новая
       0

как загрузить bootstrap в Django?

0 голосов
/ 03 апреля 2020

, поэтому я попытался загрузить Bootstrap в Django. Но так как я хотел настроить стиль с помощью s css, вместо того, чтобы помещать URL-адрес CDN в заголовок, я заменил его отдельным файлом css, который содержит все стили Bootstrap. Вот код 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="/style/main.css">

    <title>{% block title %}BASE{% endblock %}</title>
</head>
<body>
    <div class="container"> 
        {% block content %}
        {% endblock %}
    </div>
</body>
</html>

У меня правильный файл /style/main.css, я проверил его, нажав Ctrl + щелкнув по нему. Как уже упоминалось, файл содержит ВСЕ стили Bootstrap. 

@charset "UTF-8";
/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
### AND SO ON ###

Однако моя страница Django не будет отражать это. Когда я нажимаю refre sh, я не вижу стиля.
Но когда я восстанавливаю URL CDN, обычно применяется Bootstrap. Я понятия не имею, в чем проблема. Я был бы очень признателен за вашу помощь. :)

Ответы [ 2 ]

0 голосов
/ 03 апреля 2020 
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {% load static %}
    <link rel="stylesheet" href="{% static 'style/main.css' %}">

    <title>{% block title %}BASE{% endblock %}</title>
</head>
<body>
    <div class="container"> 
        {% block content %}
        {% endblock %}
    </div>
</body>
</html>

settings.py добавьте это в файл settings.py 

STATIC_URL = '/static/'

, если ваша папка stati c следует по этому пути Projectname / stati c или если у вас есть папка stati c в вашем приложении тоже Projectname / appname / stati c, затем вы можете добавить его в список, как 2-й 

STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static'),os.path.join(BASE_DIR, 'app_name/static'),]
0 голосов
/ 03 апреля 2020

Для загрузки файлов * stati c в Django

Обычно мы сохраняем наши файлы * stati c ( a. js, b. css, c .png ) в папке с именем stati c.

Предположим, у вас есть main. css файл в static/css/main.css

Затем измените свой код на 

{% load static %}
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="{% static 'css/main.css' %}">
    <title>{% block title %}BASE{% endblock %}</title>
</head>
<body>
    <div class="container"> 
        {% block content %}
        {% endblock %}
    </div>
</body>
</html>

Проверьте Как обслуживать данные c файлов django

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...