[解決済み] twitter bootstrap のサブメニューを左側に表示するには？

質問

ドロップダウン・メニューにtwitter bootstrapのサブメニューを作ろうとしたのですが、問題が発生しました：ページの右上にドロップダウン・メニューがあり、そのメニューにはもう一つサブメニューがあります。しかし、サブメニューが開くと、ウィンドウに収まらず、右に寄りすぎてしまい、最初の文字しか見えません。どうすれば、そのサブメニューを右ではなく、左に開かせることができるでしょうか？

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

最も簡単な方法は pull-left クラスを dropdown-submenu

<li class="dropdown-submenu pull-left">

jsfiddle デモ