引導按鈕與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>