-1

編集済み Twitter Bootstrap を使用しており、navbar を右に移動する必要があります ( float :right ではなく、いくつかの値で右に移動します)。下げることはできますが、うまく動きません。

私のナビの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>

問題はどこですか?

4

2 に答える 2

3

nav クラスに float を追加する

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

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

于 2012-06-21T10:57:01.847 に答える
0

この解決策が良いかどうかはわかりませんが、ナビゲーションを追加のdivに入れ、パディングを追加しました。

于 2012-06-22T06:31:29.213 に答える