верстать только учусь, не пойму как сверстать такое меню, при этом что бы оно на слайдером было и адаптивное, верстаю блоками все становиться, но при масштабирование, сьезжает, блоки сужаются и складываются друг под друга, как этого избежать?
HTML
div class="menu-osnovnoe hidden-xs">
div class="conteiner-fluid">
div class="row">
div class="col-md-3 col-sm-3 about-button">
a href="/menu/">меню/a>
/div>
div class="col-md-3 col-sm-3 o-kompanii-button">
a href="/o-kompanii/">о компании
/div>
div class="col-md-3 col-sm-3 uslugi-button">
a href="/uslugi/">услуги
/div>
div class="col-md-3 col-sm-3 kontakti-button">
a href="/kontakti/">контакты
/div>
/div>
/div>
/div>
CSS
/*.menu-osnovnoe{
max-width:547px;
height:55px;
font-family: "Trebuchet MS";
font-size: 1.15vw;
color: #FFF;
text-align:center;
padding-top: 3px;
margin-left: 749px;
}
.menu-osnovnoe a {
color:#FFF;
text-decoration:none;
}
.about-button{
max-width:136px;
height:55px;
background:#eb8b00;
border-right: 1px solid white;
}
.o-kompanii-button{
max-width:136px;
height:55px;
background:#333333;
border-right: 1px solid white;
}
.uslugi-button{
max-width:136px;
height:55px;
background:#333333;
border-right: 1px solid white;
}
.kontakti-button{
max-width:136px;
height:55px;
background:#333333;
}*/
