0

Я долго ничего не понимал: почему код css был, но он не выполнялся, хотя всё проверял? Решил запустить просто файл html без сервера django, и он сработал. Стили применились. Из-за чего это произошло и как это исправить?

Скрин с сервером Django введите сюда описание изображения Скрин без него введите сюда описание изображения

Код HTML:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>SOME</title>
  <link rel="icon" href="data:;base64,=">
  <link rel="stylesheet" type="text/css" href="bootcss\bootstrap.css">
    <link rel="stylesheet" type="text/css" href="struct.css">
</head>
<body>
  <div class="container some">
    <div class="row some">
        <div class="col">Hello</div>
      <div class="col">
        <form action="" method="post">
            <label for="mySQLServer">Enter name of SQL server </label> 
            <input id="mySQLServer" type="text" name="mySQLServer" maxlength="100" required />
            <label for="myDataBase">Enter name of Database </label> 
            <input id="mySQLDataBase" type="text" name="mySQLDataBase" maxlength="100" required />
        </form>
        <input type="submit" value="Submit" />
      </div>
        <div class="col">Hello</div>
    </div>
  </div>
</body>
</html>

Код CSS:

.some {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
13
  • В ссылках не должен использоваться \ — должен быть всегда только /
    – andreymal
    7 ноя 2018 в 15:24
  • <link rel="stylesheet" type="text/css" href="bootcss\bootstrap.css"> Это тут? В любом случае основная часть лежит в css, да и столбики-то работают как надо. Всё меняет @andreymal
    – Pashok
    7 ноя 2018 в 15:28
  • Да, тут, в любом случае \ использоваться не должен (даже если это вдруг не причина проблемы)
    – andreymal
    7 ноя 2018 в 15:29
  • Расскажите, как вы запускаете сервер Django, откройте мониторинг сети в браузере, посмотрите, есть ли какие-то ошибки, открываются ли стили по этим ссылкам
    – andreymal
    7 ноя 2018 в 15:29
  • Если вдруг вы ожидаете, что Django будет раздавать файлы из того каталога, в котором запущена, то нет, Django не занимается раздачей файлов
    – andreymal
    7 ноя 2018 в 15:30

1 ответ 1

0

Тебе нужно создать папку static в директории приложения и в неё скинуть CSS файл. Затем в HTML файле в самой первой строчке напиши {% load static %} и строку <link rel="stylesheet" type="text/css" href="bootcss\bootstrap.css"> замени на <link rel="stylesheet" type="text/css" href="{% static 'bootstrap.css' %}">. Если не работает то проверь INSTALLED_APPS в файле settings.py, в этом списке должно быть твое приложение.

Надеюсь помогло.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.