부트 스트랩 3 : 오른쪽으로 당긴 드롭 다운

Question

오른쪽으로 끌어 내려는 드롭 다운이 필요합니다. 아래의 내 코드에서 드롭 다운은 완벽하게 당겨졌지만 드롭 다운을 클릭하면 옵션이 표시됩니다.

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-md-4"> 
      <button class="btn btn-info">Button</button> 
     </div> 
     <div class="col-md-8"> 
      <form class="form-inline pull-right" role="form"> 
       <div class="form-group"> 
        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Dropdown <span class="caret"></span></a> 
        <ul class="dropdown-menu"> 
         <li><a href="javascript:void(0)">Option A</a></li> 
         <li><a href="javascript:void(0)">Option B</a></li> 
        </ul> 
       </div>&nbsp;<input data-type="text" class="form-control" type="text" placeholder="Search..."> 
      </form> 
     </div> 
    </div> 
</div> 

Fiddle

어떻게 드롭 다운에 옵션을 정렬 할 수 있습니다?

감사

Answer 1

여기

<div class="form-group btn-group"> 
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Dropdown 
<span class="caret"></span></a> 
    <ul class="dropdown-menu"> 
    <li><a href="javascript:void(0)">Option A</a></li> 
    <li><a href="javascript:void(0)">Option B</a></li> 
    </ul> 
</div> 

Fiddle