0

空き時間に WYSIWYG エディターを作成しています。ドロップダウンを使用して、フォーマットを選択できるようにすることにしました。問題は、ボタンの下ではなく、ボタン コンテナーの先頭にあるドロップダウンを追加するときです。

ここに私が何を意味するかを示す画像があります。

ここに画像の説明を入力

テキストが左に配置されているため、最初のボタンがアクティブに見えます...申し訳ありませんが、それを修正する方法を見つけようとしましたが、ドロップダウンは最後のボタンからのものです。

私の質問は、Twitter Bootstrap ドロップダウンを、それがオンになっているはずのボタンに合わせる方法があるか、または少なくともボタン コンテナーの幅でドロップダウンを作成する方法があるかどうかです。

4

2 に答える 2

0

はい。次のように、クラスをターゲットにするか、クラスを指定することで、そこに来るleft: auto; right: 0;ためのルールを追加できます。<ul>.right-menu

.right-menu, .dropdown-menu.right-menu {left: auto; right: 0;}

同じ動作デモはjsFiddleにあります。

于 2013-02-12T18:29:56.970 に答える
0

コンテナの右側にくっつくようにを使用.pull-rightするのは悪いことではありません。.dropdown-menu

ソースに見られるように、このクラスはそれを行うことを意図しています:

// Aligns the dropdown menu to right
&.pull-right {
  right: 0;
  left: auto;
}

コンテナと同じ大きさにしたい場合は、これをメニューに適用してみてください:

.dropdown-menu {
  min-width: 100%;
}

.pull-rightより大きなメニューがある場合に備えて保持する必要があります。

フィドルのデモをチェック

于 2013-02-12T18:53:38.623 に答える