Html 如何在Bootstrap3中创建双层菜单？

我试图使Bootstrap 3中的双层菜单如下所示：

我在页边空白顶部的菜单上遇到问题（我不知道如何对其进行od，因为我已经将菜单自定义为自定义高度）

这是密码

<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>

}

---

很抱歉，我没有将代码放在JSFIDLE上（它在我的浏览器上不工作）

答案很简单，我做了：

之后：

<div class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="container">

<div class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="container">

 <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>

@media (max-width: 1023px){
.desktop-only{
    display:none;
}}