0

Twitter ブートストラップ v3 を使用して、右側にシンプルな連絡先ボタンがあるナビゲーション バーを作成しました。

ただし、画面サイズが 768px 未満の場合、ナビゲーション バーの外にドロップします。

これが問題のセクションです。

<div class="pull-right">      
    <ul class="nav">
     <a href="#"><li id="myContactButton" class="nav-text alternate">Contact Us</li></a>
    </ul>
   </div>

http://jsfiddle.net/x9NBC/

CSS の @media クエリを調べましたが、どれがそのようにドロップダウンしているのかわかりません。

どうすればナビゲーションと一致するようにできますか?

4

1 に答える 1

1

これらのセクションを追加

pull-left以下に言及するように、いくつかの要素にクラスを追加しました

 <div class="navbar-header pull-left">

ボタンを左に引く

 <button type="button" class="navbar-toggle pull-left" data-toggle="collapse" data-target=".navbar-collapse">

アンカータグにもプルダウンを追加

<a href="index.php" class="pull-left">

これがデモhttp://jsfiddle.net/x9NBC/6/です

于 2013-10-21T10:19:55.687 に答える