Question

我正在创建一个小型网站，而且我遇到了按钮对齐问题。我有一个导航栏列表菜单，我想在另一个菜单元素的形状附近添加一个透明的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>

Bootstrap按钮与Navbar列表菜单对齐？

1 个答案: