jquery - ブートストラップbtn-groupのメニューを左側にフロートさせる方法は？

Question

<div class="pull-right">

 <div class="btn-group pull-left">
  <div class="btn-group">
   <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Action
    <span class="caret"></span>
   </a>
   <ul class="dropdown-menu">
    <li><a href="#">some link 1</a></li>
    <li><a href="#">some link 2</a></li>
    <li><a href="#">some link 3</a></li>
   </ul>
  </div>
 </div>

</div>

現在、次のようになっています。

そして、私はそのようなものが欲しいです：

Answer 1

ドロップダウンを右揃えに表示するには、プルライトをドロップダウン メニューに割り当てるだけです。

Jsfiddleデモ

<ul class="dropdown-menu pull-right">
   <li><a href="#">some link 1</a></li>
</ul>

提示されたコードでは、ボタン グループに割り当てられた pull-left クラスは、親 div が pull-right class を使用しているため、実際には左に引っ張られません。ボタン グループの配置とその位置を制御する場合は、次の操作を実行できます。 複数回使用しないでください。 div class="btn-group"

表示されたコードで jsfiddle を確認します (少しクリーンアップ)ボタン Assign class left inplace of class pull-left を使用したデモ:

 <div class="btn-group left"> <!-- I have assigned a new class to it i.e left -->

css を position に書き込むよりも:

.btn-group.left{
   bottom: 15px;
   position: relative;
   top: 15px;
   right:20px;
  }

Answer 2

dropdown-menuクラスでに変更left: 0しますright: 0