Почему html вид django отличается от того же запущенного файла

209

04 апреля 2019, 15:50

Я долго ничего не понимал: почему код 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;
}

Answer 1

Тебе нужно создать папку 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, в этом списке должно быть твое приложение.

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