0

ページの一部の応答性にブートストラップを使用するのが好きで、ページの上部については、これまでに作成したコードは、ナビゲーション要素を十分な大きさのウィンドウと並べて配置するという意味でうまく機能しますまた、ウィンドウの幅が狭くなると、要素が重なり合って再配置されます (電話で使用されている場合のように)。

ただし、問題は、垂直方向の再配置が早すぎることです。つまり、基本的に、ウィンドウが小さくされているが携帯電話の幅のサイズに達していない場合、位置が垂直方向に再配置されるのが早すぎます。

これは私がこれまでに持っているものです:

 <html>
 <head>
         <meta charset="utf-8">
         <title>Walls</title>
         <link rel="stylesheet" href="http://flip.hr/css/bootstrap.min.css">
 </head>
 <body>

 <div class="container">
 <br>


    <div class="row">

    <div class="span2">

         <p>Donec </p>
         <p><a class="btn" href="#">Click meeee &raquo;</a></p>

    </div>

    <div class="span2">

         <p>Donec  </p>
         <p><a class="btn" href="#">Click meeee &raquo;</a></p>
    </div>


    <div class="span8">
    </div>


    </div><!-- .row -->
 </div><!-- .container -->

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>

 </body>
</html>
4

1 に答える 1