[解決済み] Twitter bootstrapのドロップダウンが画面の外に出てしまう

質問

twitter bootstrapのドロップダウンメニューを実装したいのですが、以下のようなコードになります。

<span class="dropdown"> 
<a href="#menu1" class="dropdown-toggle" data-toggle="dropdown" ><img class="left" src="/static/img/topmenu_preferences.png" /><b class="caret"></b></a>
<ul class="dropdown-menu">
  <li><a href="#">a</a></li>
  <li><a href="#">b</a></li>
  <li><a href="#">c</a></li>
  <li class="divider"></li>
  <li><a href="#">d</a></li>
</ul>

ドロップダウンの動作は良好です。私のドロップダウンは画面の右端の横に配置されており、ドロップダウントグルをクリックすると、リストが画面の外に出てしまいます。画面上と同じように見えます。

どうすれば直るのですか？

どのように解決するのですか？

追加 .pull-right から ul.dropdown-menu する必要があります

非推奨のお知らせ。 Bootstrap v3.1.0時点のものです。 .pull-right は、ドロップダウンメニューの 非推奨 . メニューを右寄せにするには .dropdown-menu-right .