2015-05-05 2 views
0

Я пытаюсь добавить некоторые переменные в мой файл переменных .less, который позволит мне переопределить стиль отображения навигация, который предоставляется Bootstrap. У меня обычный стиль навигации, но я не могу заставить инверсию работать.Переопределение стиля navbar-inverse с LESS-переменными

Вот мой Navbar стиль, который работает:

@navbar-default-color:   @white; 
@navbar-default-bg:    @brand-primary; 
@navbar-default-border:   @navbar-default-bg; 

Так я последовал этому примеру и пытался стилизовать инверсию с этим:

@navbar-inverse-color:      @brand-primary; 
@navbar-inverse-bg:       @white; 
@navbar-inverse-border:      @white; 

Но это не работает. Почему?

+0

Вышеприведенное должно работать. Можете ли вы показать HTML-код навигатора? Обратите внимание, что вы должны использовать классы 'navbar' и' navbar-inverse'. –

ответ

1

Есть еще несколько переменных для стилизации обратного навигатора, но то, что вы делаете, должно работать нормально.

Если вы не видите ожидаемого результата, я хотел бы проверить следующее:

  • Вы перекомпиляции файл bootstrap.less?
  • Являются ли эти пользовательские переменные помечены в вашем файле меньше после перезаписываемых переменных (так что они фактически перезаписаны)
  • Вы не смотрите на кешированную версию вашего файла css?
  • Вы не перезаписали свой настраиваемый навигатор в другом месте (должно быть легко обнаружить с помощью инспектора)
  • Вы применяете правильные классы в своей разметке?

Это первые вещи, которые приходят на ум. Дайте мне знать, если это еще не решит вашу проблему, и я буду думать глубже ;-)

+0

Файл bootstrap.less перекомпилируется с перезаписью перезагружаемых переменных. По крайней мере, это должно быть, и я последний раз проверил. Как ни странно, navbar-inverse имеет какие-то неуклюжие проблемы в целом для меня (сбрасывание navbar тоже не работает, не нажимает на страницу), поэтому я чувствую, что во время компиляции что-то не так. – sugarPhlox