引导按钮与Navbar列表菜单对齐吗？

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>