How to make double level menu in bootstrap 3? - html

Question

I'm trying to make double level menu in Bootstrap 3 to look like this:
I'm having trouble with menu on top of margin-top (I don't know how to od it because i have already customized menu to custom height)
Here's code
<div class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="container navbar_height">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Menu</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-brand-left"></div>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a class="hover_navbar glyphicon glyphicon-home" href="#"></a></li>
<li><a class="hover_navbar" href="#">ITEM1</a></li>
<li><a class="hover_navbar" href="#">ITEM2</a></li>
<li><a class="hover_navbar" href="#">ITEM3</a></li>
<li><a class="hover_navbar" href="#">ITEM5</a></li>
<li><a class="hover_navbar" href="#">ITEM6</a></li>
</ul>
</div
</div>
And I added some css
#media (min-width: 1023px){
.navbar{
position: relative;
min-height: 50px;
margin-bottom: 0px !Important;
border: 1px solid transparent;
}
.navbar_height{
margin-top:40px;
}
.navbar-inverse .navbar-nav > li > a:hover{
border-bottom: 4px solid #a6ba0d
}
.navbar-right{
border-top: 1px solid #ededed;
}
.navbar-brand-logo img{
margin-top:-20px;
}
}
Sorry i didn't put code on jsfiddle (it's not working on my browser)

Answer 1

Answer is simple , i made it:
after :
<div class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="container">
I added:
<div class="navbar-collapse collapse desktop-only">
<ul class="nav navbar-nav pull-right desktop-only">
<li><a class="" href="#">item1up</a></li>
<li><a class="" href="#">item2up</a></li>
<li><a class="" href="#">item3up</a></li>
</ul>
</div>
and some css to be visible only in desktop:
#media (max-width: 1023px){
.desktop-only{
display:none;
}}