0

私はTwitterのブートストラップを使用しており、navbarを定義しています

<div class="navbar navbar-fixed-top">  
    <div class="navbar-inner">  
        <div class="container">  
            <ul class="nav">  
                <li class="active">  
                     <a class="brand" href="#">w3resource</a>  
                </li>  
               <li>
                   <a href="#">About</a>
               </li>  
              <li>
                 <a href="#">Portfolio</a>
              </li>  
              <li>
                  <a href="#">Contact</a>
              </li>  
          </ul> 
       </div>  
   </div>  
</div>

ブートストラップ css ファイル、jquery、およびブートストラップ js ファイルを含めました。下図のようにナビゲーションバーが表示されます。

ここに画像の説明を入力

ページ上の他の要素がブートストラップを使用して適切にスタイル設定されているように見えるため、これは奇妙です。下の画像を見てください。

ここに画像の説明を入力

なぜこれが起こるのですか？

4

2 に答える 2

0

わかりましたので、最終的にナビゲーションバーが期待どおりに表示されるようになりました。これが私がしたことです。

  • Twitter ブートストラップをアンインストールし、NuGet を使用して再インストールして、最新バージョン (バージョン 3.0.0) であることを確認しました。
  • ブートストラップ バージョン 2.0.0 と 3.0.0 のナビゲーション バーを作成する構文は異なります。違いを説明するこの投稿を見てください。

最新バージョンをインストールして構文を更新した後、すべてが期待どおりに機能しました。

于 2013-09-25T11:01:31.440 に答える