Я новичок в веб-дизайне и учусь использовать Flask. Я уже создал структуру своего веб-приложения и теперь хочу ее стилизовать. Я загрузил bootstrap Compiled CSS и JS, и я хочу @import его в свой настроенный файл s css, чтобы потом я мог @extend некоторые из его функций. Мой тестовый код:
@import 'C:/Users/lili_/Desktop/bootstrap-4.3.1-dist/css/bootstrap.css';
$navbar_color: red;
.my_navbar {
@extend .navbar;
background-color: $navbar_color;
}
Проблема в том, что когда я пытаюсь запустить sass и преобразовать его в файл css, появляется следующее сообщение об ошибке:
«Селектор» .navbar "не найден".
Он показывает ту же ошибку с любым .class или #id, которую я пытался @extend. Кроме того, когда я открываю файл «bootstrap. css», ища его в папке, он выглядит нормально, но когда я пытаюсь перейти по ссылке @import (которую я скопировал в свой тест. s css) из редактора кода Visual Studio выскакивает окно с сообщением об ошибке:
«Невозможно открыть ресурс 'bootstrap. css' недоступен»
Любая помощь может быть полезно. Спасибо.