Подтвердить что ты не робот

Переопределение переменных Bootstrap в Rails с самонастраиванием

Я использую камень bootstrap-sass (Bootstrap 3.0) Томаса Макдональда. Я следил за Учебник Bootstrap и Rails автор Daniel Kehoe.

У меня есть application.css.scss, который имеет верхнюю часть:

 /*
 *= require_self
 *= require_tree .
 */

И у меня есть framework_and_overrides.css.scss, в котором есть эта строка:

@import "bootstrap";

Теперь я попытался переопределить загрузочные переменные ($body-bg: #f00;), которые я нашел здесь и поместив их в любой из этих двух файлов, но ничего не изменилось. Что я делаю неправильно?

Ответ 1

Вы можете переопределить переменные, просто переопределив переменную перед директивой @import.

Например:

$navbar-default-bg: #312312;
$light-orange: #ff8c00;
$navbar-default-color: $light-orange;

@import "bootstrap";

Ответ 2

см. цикл выполнения. в загрузочном файле, рендеринг файлов таким образом, что мы "получаем переменную" и применяем в navbar "это действительно происходит при запуске файла начальной загрузки. Его присутствующий внутри бутстрапа, посмотрите последовательный поток импорта., переменная получает от bootstrap/variables и настраивает цвет vavbar в bootstrap/navbar, применяя цвет в navbar с переменной navbar-default-bg.

то, что делают на самом деле программисты, пытается настроить значение переменной после настройки цвета в navbar. (до или после "@importing bootstrap", изменения переменных не будут вносить изменения в цвет навигации, нужно редактировать в файле начальной загрузки)

просмотрите приведенный ниже код, если вы хотите изменить цвет, который вы должны сделать следующим образом.

внутри загрузочного файла

//Основные переменные и mixins

@import "bootstrap/variables";

//Компоненты

@import "bootstrap/navs";

$Navbar-умолчанию-BG: красный; //инициализировать $navbar-default-bg (после импорта начальной загрузки/переменных)

@import "bootstrap/navbar"; здесь настройка цвета выполняет "

это будет работать нормально, проанализируйте цикл выполнения.

но я предлагаю использовать другие ручные классы для применения bg-color вместо перегрузки переменной bootstrap.

Ссылка: https://github.com/RailsApps/rails-bootstrap/issues/12