Наткнулся на простой и очень классный фреймворк (для меня) - UIKit.
Мне надо сделать navbar синим цветом, я скопировал код отсюда -
https://getuikit.com/docs/navbar
Далее, я выбрал подходящий navbar -

Вот код:
spoiler<nav class="uk-navbar-container" uk-navbar>
<div class="uk-navbar-left">
<ul class="uk-navbar-nav">
<li class="uk-active"><a href="#">Active</a></li>
<li>
<a href="#">Parent</a>
<div class="uk-navbar-dropdown">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li class="uk-active"><a href="#">Active</a></li>
<li><a href="#">Item</a></li>
<li><a href="#">Item</a></li>
</ul>
</div>
</li>
<li><a href="#">Item</a></li>
</ul>
</div>
<div class="uk-navbar-right">
<ul class="uk-navbar-nav">
<li class="uk-active"><a href="#">Active</a></li>
<li>
<a href="#">Parent</a>
<div class="uk-navbar-dropdown">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li class="uk-active"><a href="#">Active</a></li>
<li><a href="#">Item</a></li>
<li><a href="#">Item</a></li>
</ul>
</div>
</li>
<li><a href="#">Item</a></li>
</ul>
</div>
</nav>
Но как бы я не пытался изменить цвет (
https://getuikit.com/docs/background), у меня ничего не выходит. Куда добавить этот CSS класс с цветом -
.uk-background-primary
(в документации, этот цвет означает синий)?
Цвет получается изменить, если указать
style="background: #000;"
в самом
<nav>
, но очень бы хотелось это сделать средствами фрейморка и CSS стилями.