javascript - ボタンでドロップダウンの内容を並べる方法 - ブートストラップ

Question

私は、かなり簡単であると期待されることをやろうとしています。ページの中央にドロップダウンリストを配置したいだけです。問題は、展開したときにコンテンツがボタンと並んでいないことです。例を次に示します: http://jsfiddle.net/VCsAW/1/

Answer 1

CSS に以下を追加します。

#settings {
    display: inline-block;
}

これにより、div が強制的に#settingsコンテンツのサイズに収まるようになり、「オフセット」ドロップダウンが解決されます。

作業例: http://jsfiddle.net/VCsAW/8/

編集

コンテンツが中央に配置されている理由はtext-align: center、ドロップダウン メニューを中央に配置するために使用されているためです。ドロップダウン メニューのコンテンツでこれが発生しないようにするには、次のように設定text-align: centerし.dopdown-menuます。

.dropdown-menu {
     text-align: left;    
}

作業例: http://jsfiddle.net/VCsAW/12/