调整菜单项以向右浮动与徽标和切换菜单相同的高度以正常展开

Question

我有一个菜单栏，左侧是我的 brandlogo ，右边有我的菜单项（汽车，房子，街道，船）。我希望这些菜单项与我的 * brandlogo * 处于同一水平高度，现在它们在某种程度上低于该值，而不是明确地在同一行上。 第二个问题是我的移动切换菜单有效，但是当您展开菜单时，首先将其浮动，然后它将占据整个宽度。所以它在右边打开（可能是因为浮动：向右），然后向左移动以获得我指定的100％宽度。我想切换移动菜单只是打开全宽，而不是先浮动。 是否有可能实现我的目标。 我的BOOTPLY ...... BOOTPLY （只需点击手机图标即可看到我问题的第二部分。）

<header id="nav">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="navbar navbar-default navbar-static">
                       
                        <div class="clearfix container navbar-fixed-top">
                            <div class="clearfix menu-container">
                                <div class="pull-right clearfix toggle_btn_wrap">
                                    <a class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" href="#"><i class="fa fa-bars"></i></a>
                                </div>
                                <div class="pull-left brand-name">
                                    <a href="#"><img alt="***brandlogo***" src="assets/images/logo.png"></a>
                                </div>
                                <div class="clearfix prevent-float"></div>
                                <div class="navbar-collapse collapse">
                                   <ul class="navbar-nav nav">
                                  <li>
                                    <a href="/car" title="car">car</a>
                                     </li>
                                     <li>
                                    <a href="/house" title="house">house</a>
                                     </li>
                                     <li>
                                    <a href="/street" title="street">street</a>
                                     </li>
                                     <li>
                                    <a href="/boat" title="boat">boat</a>
                                     </li>
		</ul>
                                </div>
                            </div>
                        </div>
                    </div></div></div>

</div>


            <div id="push"></div>
        </header>