부트 스트랩 LI 나란히 나란히 표시

Question

어떻게 LI.parent를 나란히 표시 할 수 있습니까? 내가 부트 스트랩 3 내 HTML을 사용하고

은 다음과 같습니다

<ul role="menu" class="dropdown-menu"> 

<li class="item-001 dropdown parent"> 
    <a href="/abc">ABC</a> 
    <ul role="menu" class="dropdown-submenu"> 
     <li class="item-1"> 
      <a href="/abc/1">Link 1</a> 
     </li> 
     <li class="item-2"> 
      <a href="/abc/2">Link 2</a> 
     </li> 
     <li class="item-3"> 
      <a href="/abc/3">Link 3</a> 
     </li> 
     <li class="item-4"> 
      <a href="/abc/4">Link 4</a> 
     </li> 
    </ul> 
</li> 

<li class="item-002 dropdown parent"> 
    <a href="/abc">DEF</a> 
    <ul role="menu" class="dropdown-submenu"> 
     <li class="item-1"> 
      <a href="/def/1">Link 1</a> 
     </li> 
     <li class="item-2"> 
      <a href="/def/2">Link 2</a> 
     </li> 
     <li class="item-3"> 
      <a href="/def/3">Link 3</a> 
     </li> 
     <li class="item-4"> 
      <a href="/def/4">Link 4</a> 
     </li> 
    </ul> 
</li> 

<li class="item-003 dropdown parent"> 
    <a href="/abc">GHI</a> 
    <ul role="menu" class="dropdown-submenu"> 
     <li class="item-1"> 
      <a href="/ghi/1">Link 1</a> 
     </li> 
     <li class="item-2"> 
      <a href="/ghi/2">Link 2</a> 
     </li> 
     <li class="item-3"> 
      <a href="/ghi/3">Link 3</a> 
     </li> 
     <li class="item-4"> 
      <a href="/ghi/4">Link 4</a> 
     </li> 
    </ul> 
</li> 

</ul> 

Answer 1

은 단순히 다음처럼 CSS에서 왼쪽 플로트를 사용할 필요가, 옆에 li 요소 측면을 가지고 :

.dropdown { 
    float: left; 
}