Bootstrap 3 - 导航栏，两个按钮位于彼此顶部

Question

我正在使用Bootstrap开发HTML / CSS项目，我想知道图像中的响应式导航栏是否可行。 （不包括视口较小时的切换按钮）。我想要一个导航栏，其中包含一个分为三个区域的行：前两个由常规按钮组成，最后一个由两个按钮叠加在一起。

到目前为止我的代码看起来像这样：

<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar_content">
                <i class="glyphicon glyphicon-align-center"></i>
            </button>
            <a href="#" class="navbar-brand">
                TEST
            </a>
        </div>
        <div id="navbar_content" class="collapse navbar-collapse">
            <ul class="av navbar-nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#about">Routine surveu</a></li>
                <li><a href="#contact">Specific survey</a></li>
                <li><a href="#help">Help</a></li>
                <li><a href="#settings">Settings</a></li>
            </ul>                                 
        </div>
    </div>
</nav>

然而，我不知道如何从这里继续...更有经验的人会给予一些帮助... ...

先致谢谢，并致以诚挚的问候， 约书亚