Использую Bootstrap 3.0.
Сделал шапку вот так:
<nav class="navbar navbar-default">
<div class="headerimg">
<div class="container-fluid" >
<div class="navbar-header" >
<a class="navbar-brand" href="#">
</a>
</div>
</div>
</div>
<component :username.sync="username" :password.sync="password" :is="topMenuView"></component>
<div>{{username}}</div>
<div>{{password}}</div>
</nav>
Чтобы изображение в верху шапки было изображение добавил класс headerimg. Для него в css определил следующие свойства:
.headerimg {
background-image: url("../img/top.jpg");
background-size: cover;
height: 160px;
}
Однако мне кажется это какой-то дикий костыль. Плюс шапка "съедается" снизу при зуме.
Есть варианты лучше?
Средний
