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

0

我有没有办法让它有一个固定的位置，直到窗口达到一定大小，然后垂直重新堆叠？这是我真正的目标

是的。媒体查询 ( https://developer.mozilla.org/en/docs/CSS/Media_queries ) ( http://css-tricks.com/css-media-queries/ ) 正是您要找的！它可以让你根据屏幕大小设置不同的规则，你可以设置特定的宽度直到一个点，低于这个点你可以应用你当前的 CSS 规则。

于 2013-04-18T21:27:38.433 回答