Question

EDITED 的我正在使用Twitter Bootstrap并且需要向右移动导航栏（不浮动：向右，但在某个值上向右移动）。我可以将它向下移动，但它不会向右移动。

我的导航的Css：

.nav
{
top:1px;
border-bottom: 3px solid #c893c7;
padding-top:20px;
padding-bottom:16px;
}

我的HTML：

     <div class="topbar">
<div class="navbar ">
     <div class="container">

    <a href="#" id="logo"> <img src="logo.png" alt="logo" width="258" height="130" /></a>

    <ul class="nav">                    
          <li><a href="#">Home</a></li>
          <li class="divider-vertical"></li>
          <li><a href="#about">Download</a></li>
          <li class="divider-vertical"></li>
          <li><a href="#contact">F.A.Q.</a></li>
          <li class="divider-vertical"></li>
          <li><a href="#contact">Support</a></li>        
        </ul>      
        </div>

    </div>

</div>

问题在哪里？

Answer 1

在导航类中添加浮动

.nav
{
top:1px;
border-bottom: 3px solid #c893c7;
padding-top:20px;
padding-bottom:16px;
float:right;
}

http://jsfiddle.net/rizwanabbasi/WmGpU/

Answer 2

我不知道这个解决方案是否合适，但我只是将导航器添加到其他div中并在其中添加了填充。

无法将<nav>移动到某个方向</nav>

2 个答案: