引导按钮与导航栏列表菜单对齐

Question

我正在创建一个小网站，但我遇到了按钮对齐问题。我有一个导航栏列表菜单，我想在它们附近添加一个透明的注销按钮，就像另一个菜单元素的形状一样，但是，到目前为止我还没有成功。

这是一个Bootply链接，你可以看到问题;http://www.bootply.com/OXfRkJHEHs

如果您能帮助我，我将不胜感激。

Answer 1

<form>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                       <li>
                        <a style="color:#900C3F" href="index.php">Home</a>
                    </li>
                    <li>
                        <a style="color:#900C3F" href="festival.php">Festival</a>
                    </li>
                    <li>
                        <a style="color:#900C3F" href="contact.php">Contact</a>
                    </li>  
                    <li>
                        <a style="color:#900C3F" href="map.php">Map</a>
                  </li>
                  <li>
                    <input type="submit" value="Logout" class="btn element" style="color:#900C3F; background-color: transparent; margin-top:7px" href="Logout.php">
                  </li> 
         </ul></div>

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

</form>