Bootstrap 4.1.3 $ font-family-base игнорируется

Question

Я пытаюсь изменить семейство шрифтов по умолчанию в Bootstrap, но мои изменения игнорируются.

Эта проблема закрыта в репо (https://github.com/twbs/bootstrap/issues/21595), но у меня все еще есть проблема.

> bundle info bootstrap
=> bootstrap (4.1.3)

У меня есть bootstrap-custom.scss:

/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

 ...
 @import "bootstrap/variables";
 ...

_variables.scss:

...
//== Typography
//
//## Font, line-height, and color for body text, headings, and more.

$font-family-sans-serif:  "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$font-family-serif:       Georgia, "Times New Roman", Times, serif !default;
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace !default;
$font-family-base:        $font-family-sans-serif !default;
...

И я импортирую его в application.scss вверху моего файла:

@import "bootstrap-custom";
@import "variables";

Если я попробую этот css, это не сработает:

body {
  font-family: $font-family-base;
}

Но если я изменю имя $font-family-base в _variables.scss и использую новыйпеременная в теле, она работает.

Что-то не так?

Answer 1

Наконец, я улучшил самоцвет начальной загрузки с 4.1.3 до 4.2.1. Затем я удалил файл bootstrap-custom.scss, импортировал весь официальный файл _variables.scss и импортировал загрузочный файл со всеми файлами.

Кроме того, мне пришлось импортировать bootstrap/functions перед переменными. Теперь пользовательские переменные работают.

Answer 2

Шансов на это очень мало, но правильно ли вы проверили имена файлов?

Из вашего кода кажется, что имя файла пользовательского стиля bootstrap_custom.scss иВы импортировали bootstrap-custom.

См. разницу _ (подчеркивание) и - (тире / дефис) в файлеимена.