ブートストラップのドロップダウンメニューが右に揃っているのはなぜですか？

Question

私はブートストラップをドロップダウンしています。それは正常に動作しますが、私はメニューからアクセスページ内だとき、それは奇妙な取得します。あなたが写真で見ることができます

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> 

Answer 1

変更：

<ul class="nav pull-right"> 

<ul class="nav pull-left"> 

したり、ただ唯一残しヘルパークラス pull-rightを削除

私はコードを貼り付けクラス：

<ul class="nav"> 

はここでJSビンのデモです：http://jsbin.com/ezuray/1/

Answer 2

CSSファイルにこれを追加してみてくださいまたはスタイル要素として、この：

.dropdown-menu { left:auto; } 

私は変位ドロップと同様の問題がありましたこれは私のために働いた.....

Answer 3

ただpull-right dropdown-menu私のために働いた。

EDIT

：V3.1.0のよう

非推奨.pull-rightアライメント

は、我々は、ドロップダウンメニューに.pull-rightを非推奨ました。メニューを右揃えにするには、.dropdown-menu-rightを使用します。ナビゲーションバーの右揃えのナビゲーションコンポーネントは、このクラスのミックスインバージョンを使用してメニューを自動的に調整します。それを上書きするには.dropdown-menu-leftを使用してください。

Answer 4

.pull-rightを参照してください使用 .dropdown-menu-right

ブートストラップ3.1.0で廃止されたhttp://getbootstrap.com/components/#dropdowns-alignmentブートストラップの3.3.2、ドロップダウン・メニュー右がないバージョンでテストされたよう

Answer 5

私のために働く。私の場合は、これを修正するために何をしましたか？代わりの

：

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

は、私が使用：

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

作品完璧。