Правильный путь для пользовательского CSS в Bootstrap

Question

У меня есть файл Flask с Bootstrap, над которым я работаю, и я хотел бы применить собственный CSS. Мои файлы почему-то видят друг друга, и я надеюсь, что кто-то может помочь мне понять почему. Моя структура:

приложение (верхняя папка)

- шаблоны (папка)

---- index.html (файл в папке шаблонов)

- css (папка)

---- bootstrap.min.css (файл в папке css)

В моем файле index.html я пробовал:

<link rel="stylesheet" href="/css/bootstrap.min.css">

<link rel="stylesheet" href="../css/bootstrap.min.css">

<link rel="stylesheet" href="css/bootstrap.min.css">

Однако ни один из них не сработал. Любые идеи о том, как их правильно связать?

Answer 1

Пути к файлам используются при связывании с внешними файлами, такими как: (в той же папке)

Web pages
Images
Style sheets
JavaScripts

Рекомендуется использовать relative пути к файлам (если это возможно).

При использовании относительных путей к файлам ваши веб-страницы не будут привязаны к вашему текущему базовому URL. Все ссылки будут работать на вашем собственном компьютере (localhost), а также на вашем текущем публичном домене и ваших будущих публичных доменах.

Итак, задайте свой путь следующим образом, тогда вы будете использовать одинаковый путь к файлу для каждого файла

Answer 2

Попробуйте поместить оба файла в один каталог, затем добавьте

<link rel="stylesheet" type="text/css" href="bootstrap.min.css">

Если это все еще не работает, значит, в вашем коде что-то не так.