6

我有一个引导下拉菜单。它工作正常，但是当我在通过菜单访问的页面内时，它变得很奇怪：

http://2.bp.blogspot.com/-vw49cpP7weo/UZw0Jh_zmhI/AAAAAAAACJc/oadR5CTIus0/s640/dropdown.png

您可以在图片中看到，菜单向右移动。

我粘贴代码：

<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 a 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>

4

5 回答 5

15

刚pull-right dropdown-menu为我工作。

编辑：

不推荐使用的.pull-right对齐方式

从 v3.1.0 开始，我们已弃用.pull-right下拉菜单。要右对齐菜单，请使用.dropdown-menu-right. 导航栏中的右对齐导航组件使用此类的混合版本来自动对齐菜单。要覆盖它，请使用.dropdown-menu-left.

于 2014-07-14T20:50:13.320 回答
5

.pull-right自 Bootstrap 3.1.0 起已弃用

利用 .dropdown-menu-right

请参阅http://getbootstrap.com/components/#dropdowns-alignment

于 2014-12-04T15:40:28.167 回答
5

正如在 bootstrap 版本 3.3.2 上测试的那样，下拉菜单对我也不起作用。这是我为解决此问题所做的工作。

代替：

<ul class="dropdown-menu dropdown-menu-right">

我用了：

<ul class="dropdown-menu" style="right: 0; left: auto;">

完美运行。

于 2015-02-24T05:43:01.507 回答
4

尝试将此添加到您的 css 文件或作为样式元素：

.dropdown-menu { left:auto; }

我在替换下拉菜单时遇到了类似的问题，这对我有用.....

于 2013-06-21T09:34:50.017 回答
1

改变：

<ul class="nav pull-right">

至

<ul class="nav pull-left">

或者只是删除助手类pull-right，只留下nav类：

<ul class="nav">

这是一个 JS Bin 演示：http: //jsbin.com/ezuray/1/

于 2013-05-22T03:03:56.097 回答