Я пытаюсь отредактировать jumbotron Bootstrap для отображения фонового изображения. Я использую SASS, чтобы сделать это. Это то, что у меня есть в моем файле s css:
@import "../bootstrap/scss/functions";
@import "../bootstrap/scss/variables";
$theme-colors: (
"primary": #0074a9,
"danger": #f1f124
);
@import "../bootstrap/scss/bootstrap.scss";
.jumbotron{
@extend .jumbotron
background-image: url("../assets/banner.png");
background-repeat: no-repeat;
background-size: cover;
background-position-y: center;
}
Я думаю, что где-то испортил импорт, но я не уверен, где. Спасибо!
Редактировать:
Дерево файлов:
Site
-assets
----banner.png
-bootstrap
---(bootstrap js and css files)
-scss
---custom.scss
---custom.css
---custom.css.map
-index.html
-styles.css
-style.css.map
Примечание: css и стили. css идентично
Это - это файл css, связанный с html.