html - ブートストラップ ドロップダウン バブルを右に揃えます (右に押しません)。

Question

トップメニューにカートがあり、使用push-rightしていますが、ドロップダウンバブルがページから落ちるという問題があります。「クリック」で右揃えになるように、バブルを右揃えにしようとしています

このような

HTML:

<div class="cart pull-right">
  <ul class="nav">
    <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a>
       <div class="dropdown-menu">
       STUFF
       </div>
    </li>
  </ul>
</div>

Answer 1

これは、css プロパティを使用して右揃えにするこの問題専用のブートストラップ クラスdropdown-menu-right で解決できます。dropdown-menuright: 0;left: auto;

このソリューションは私のために働いています。

ソース - http://getbootstrap.com/components/#btn-dropdowns-dropup (これについては開発者ツールにアクセスしてください)

Answer 2

in bootstrap v 3.1.0 the answer to this question is different.

jsfiddle

<div class="dropdown-menu pull-menu-right">
       STUFF
</div>