0

わかりましたので、ここに私のコードがあります:

<div class="row-fluid">
   <div class="navbar" style="margin-bottom:1px;">

  <div class="navbar-inner">

      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
      <a class="brand" href="#"><img src="#"/></a> <!--logo here in brand----------->
        <div class="nav-collapse collapse">

    <ul class="nav pull-right">
 <li><a href="#"><span style="color:#00bfff;">HOME</span></a></li>
<li><a href="#">SCHEDULE</a></li>
<li><a href="#">LEARN</a></li>
<li><a href="#">COVER MAP</a></li>
<li><a href="#">CONTACT</a></li>
    </ul>
    </div><!--nav-collapse-->
    </div><!--container END-->
</div><!--navbar-inner END-->
</div><!--navbar END-->
</div><!--row END-->

画面のサイズをスマートフォン ビューであるモバイル ビューに縮小すると、ナビゲーション用に作成した折りたたみは、タブレット ビューでは小さな白いボックスに収まりますが、スマートフォン ビューになると小さくなります。 、その小さなナビゲーションボックスは、ブランドセクションのimgである私のロゴの上に行き、そのロゴを押し下げます..パディングのようなものですが、実際にはロゴの上に移動してロゴを押し下げるだけです. ロゴが小さくなっても押し下げずに横に残して欲しい。

4

1 に答える 1

0

ロゴのコンテナに width: 100% と float:left; を指定します。モバイルメディアクエリでは機能します

于 2013-05-13T23:14:27.007 に答える