如何使我的下拉菜单与我的标题左对齐？

我试过.dropdown-menu-left.在<ul>但它不起作用。

enter image description here

下面是代码：

<div class="mainMenu"> 
     <nav class="navbar navbar-sura" role="navigation"> 
      <!-- Brand and toggle get grouped for better mobile display --> 
      <div class="navbar-header"> 
       <a href="" class="Logo-Small"></a> 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       </button> 
      </div> 

      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
       <div class="container"> 
        <a href=""class="Logo"></a> 
        <ul class="nav navbar-nav navbar-right"> 

        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Seguros para Autos</a> 

         <ul class="dropdown-menu"> 
          <li class="pruebamenu"><a href="#">Seguros para Autos</a></li> 
          <li class="pruebamenu"><a href="#">Centros de servicio</a></li> 
          <li class="pruebamenu"><a href="#">Asistencia</a></li> 
          <li class="pruebamenu"><a href="#">Te damos más</a></li> 
          <li class="pruebamenu"><a href="#">Acompañamiento satelital</a></li> 
          <li class="pruebamenu"><a href="#">Formación</a></li> 
          <li class="pruebamenu"><a href="#">Aliados</a></li> 
          <li class="pruebamenu"><a href="#">Promociones</a></li> 
         </ul> 

        </li> 
        </ul> 
       </div> 
      </div> 
      </div> 
     </nav> 
    </div>

来源

2014-03-18 juanpavergara

很难从你的屏幕捕捉说，但下拉可能会做，由于下拉是浏览器的视口的右边缘附近 - Bootstrap 3现在可以“智能地”定位视口内的工具提示和弹出窗口，如果它检测到它将在浏览器的视口之外渲染。我怀疑下拉菜单也是如此。

来源

2014-03-18 19:21:50 Joyrex

谢谢Joyrex。它也出现在菜单的第一个选项中，它不在浏览器视口边缘附近。我用代码编辑了问题。 – juanpavergara

啊 - 那么，Bootstrap文档始终是一个很好的开始 - 我会确保您在菜单中的代码与此处找到的示例相匹配：http://getbootstrap.com/components/#navbar - 它看起来像就像从你的屏幕截图一样，在下拉菜单中也有一些与导航栏底部对齐的定位问题。 – Joyrex

本作发生对齐向右：

<ul class="nav navbar-nav navbar-right">

我已经改为：

<ul class="nav navbar-nav navbar-left">

来源

2014-03-18 19:30:00 juanpavergara

如何使我的下拉菜单与我的标题左对齐？

回答

相关问题