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。navbar の右揃えの nav コンポーネントは、このクラスの mixin バージョンを使用して、メニューを自動的に揃えます。オーバーライドするには、 を使用します.dropdown-menu-left。

于 2014-07-14T20:50:13.320 に答える
5

.pull-rightBootstrap 3.1.0 で非推奨になりました

使用する .dropdown-menu-right

http://getbootstrap.com/components/#dropdowns-alignmentを参照してください

于 2014-12-04T15:40:28.167 に答える
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 に答える