Редактирование Bootstrap классов с помощью SASS - PullRequest
0 голосов
/ 04 мая 2020

Я пытаюсь отредактировать 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.

...