css - Why is Bootstrap nav dropdown menu aligned to the right? -
i having bootstrap dropdown. works fine, when inside page accessed through menu, gets weird:
http://2.bp.blogspot.com/-vw49cpp7weo/uzw0jh_zmhi/aaaaaaaacjc/oadr5ctius0/s640/dropdown.png
you can see in picture, menu displaced right.
i paste code:
<div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <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="index.html"><i class="icon-chevron-right"></i> zimil ltda</a> <div class="nav-collapse collapse"> <ul class="nav pull-right"> <li><a href="index.html">inicio</a></li> <li><a href="acerca.html">quienes somos</a></li> <li class="active" class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" href="jubilados.html"> productos <i class="icon-caret-down"></i></a> <ul class="dropdown-menu"> <li><a href="jubilados.html">préstamos jubilados</a></li> <li><a href="cbu.html">préstamos cbu</a></li> <li><a href="otros.html">otros créditos</a></li> </ul> </li> <li><a href="trabajar.php">trabajá con nosotros</a></li> </ul> </div> </div> </div>
just pull-right dropdown-menu worked me.
edit:
deprecated .pull-right alignment
as of v3.1.0, we've deprecated .pull-right on dropdown menus. right-align menu, use .dropdown-menu-right. right-aligned nav components in navbar use mixin version of class automatically align menu. override it, use .dropdown-menu-left.
Comments
Post a Comment