Question

我有一个小网页（you can see it here），传统的顶部导航栏左侧有一个徽标，右侧有一个菜单，但位于同一行。当浏览器窗口最大化时，它看起来没问题。

但是，当浏览器窗口开始最小化时，折叠菜单会跳转到徽标下方的下一行，并开始向左滑动，同时浏览器最小化。

抱歉，我无法发布我正在谈论的图片，因为我仍然没有足够的声誉。

我的问题是：是否可以使折叠菜单在跳转到下一行时立即显示在徽标正下方，即使在最小化窗口时也保持居中？如果是这样，我怎么能得到它？

您可以想象，这可以帮助页面在智能手机中查看时看起来更好一些（主要是肖像模式）。

以下是HTML部分：

<div class="container clearfix">
<div class="row">
 <div class="span12">
  <div class="navbar navbar_">
    <div class="container">
      <h1 class="brand brand_"><a href="index.html"><img alt="" src="img/DelMarFondoTransparente560x205.png" width="300" height="auto"> </a></h1>
      <a class="btn btn-navbar btn-navbar_" data-toggle="collapse" data-target=".nav-collapse_">Menú <span class="icon-bar"></span> </a>
      <div class="nav-collapse nav-collapse_  collapse">
        <ul class="nav sf-menu">
          <li class="active"><a href="index.html">Nosotros</a></li>
          <li class="sub-menu"><a href="#">Servicios</a>
            <ul>
                <li><a href="./sesiones-familiares.html">Sesiones Familiares</a></li>
                <li><a href="./bodas.html">Bodas</a></li>
                <li><a href="./ninos.html">Peques</a></li>
                <li><a href="./trash-dress.html">Trash the Dress</a></li>
                <li><a href="./parejas.html">Parejas</a></li>
                <li><a href="./senoritas.html">Sesión Casual</a></li>
             </ul>
          </li>
          <li><a href="index-4.php">Contacto</a></li>
          </ul>
         </div>
      </div>
    </div>
  </div>
 </div>

非常感谢您的帮助和建议！如果您需要更多详细信息，请与我们联系。

折叠菜单跳转到下一行时如何居中

0 个答案: