CSS в Django 2.0

Вот HTML-код, который написал мой товарищ по команде, который использует CSS / Bootstrap. Как мне сделать это в Django? Он работает, когда я открываю файл как HTML, но я не могу отобразить его в Django.

<meta charset = "utf-8">
<meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name = "description" content = "">
<meta name = "author" content = "">



<!-- Bootstrap Core CSS -->
<link href = "vendor/bootstrap/css/bootstrap.min.css" rel = "stylesheet">

<!-- Custom Fonts -->
<link href = "vendor/fontawesome-free/css/all.min.css" rel = "stylesheet" type = "text/css">
<link href = "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel = "stylesheet" type = "text/css">
<link href = "vendor/simple-line-icons/css/simple-line-icons.css" rel = "stylesheet">

<!-- Custom CSS -->
<link href = "css/stylish-portfolio.min.css" rel = "stylesheet">

Почему ты не можешь? Что ты пробовал?

Nico Haase 08.08.2018 09:49

Да, у меня такие ошибки [08 / Aug / 2018 07:52:43] "GET /vendor/fontawesome-free/css/all.min.css HTTP / 1.1" 404 2582 Not Found: / vendor / simple- line-icons / css / simple-line-icons.css Не найдено: /css/stylish-portfolio.min.css [08 августа 2018 г. 07:52:43] "ПОЛУЧИТЬ /vendor/bootstrap/css/bootstrap.min .css [08 августа 2018 07:52:43] "GET /vendor/simple-line-icons/css/simple-line-icons.css HTTP / 1.1" 404 2615 [08 августа 2018 07:52: 43] "GET /css/stylish-portfolio.min.css HTTP / 1.1" 404 2552 Не найдено: /js/stylish-portfolio.min.js Не найдено: /js/contact_me.js Не найдено: / vendor / jquery / jquery.min.js

AJAY RAWAT 08.08.2018 09:53

[08 / августа / 2018 07:52:43] "ПОЛУЧИТЬ /vendor/fontawesome-free/css/all.min.css

AJAY RAWAT 08.08.2018 09:53

Как это ошибка? Похоже на простую строку из журнала доступа Apache

Nico Haase 08.08.2018 09:54

Вам нужно обратиться к документации или прочитать несколько руководств по этому поводу. Вы неправильно связали шрифты и CSS. В документации указано, где их хранить и как связать их в шаблоне. Также есть много обучающих программ. Удачи.

almost a beginner 08.08.2018 10:41
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
5
412
1

Ответы 1

в ваших настройках поставьте:

STATIC_URL = '/static/'
STATIC_ROOT = "path/to/your/static/folder"

в корневом urls.py поместите после urlpatterns:

from django.conf import settings
from django.conf.urls.static import static

if settings.DEBUG:
    urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

и создайте статическую папку в корневой папке проекта и скопируйте туда все свои статические файлы. После этого в вашем шаблоне:

{% load static %}

<link href = "{% static 'vendor/bootstrap/css/bootstrap.min.css' %}" rel = "stylesheet">

Используйте вот так. Если у вас есть другие вопросы, прочтите: https://docs.djangoproject.com/en/2.1/howto/static-files/

Другие вопросы по теме