Navbarのリストメニューとのブートストラップボタンの位置合わせ？

Question

私は小さなウェブサイトを作成していますが、ボタンの位置合わせの問題が残っています。私はnavbarのリストメニューを持っていますが、透明なLogoutボタンを別のメニュー要素の形に近づけて追加したいのですが、これまで成功することはできませんでした。

ここでは問題を見ることができる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>