Ответ 1
Вы можете переопределить переменные, просто переопределив переменную перед директивой @import.
Например:
$navbar-default-bg: #312312;
$light-orange: #ff8c00;
$navbar-default-color: $light-orange;
@import "bootstrap";
Переопределение переменных 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;), которые я нашел здесь и поместив их в любой из этих двух файлов, но ничего не изменилось. Что я делаю неправильно?
Ответы
Ответ 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