Twitter-bootstrap navbar div 요소

Question

navbar 드롭 다운에서 div 요소를 사용하려면 어떻게해야합니까? 매번 div를 사용할 때마다 드롭 다운이 작동하지 않습니다.

저는 항상 부트 스트랩 웹 사이트 예제를 따르지만 성공하지 못한 몇 가지 방법을 시도했습니다.

<div class="navbar"> 
<div class="navbar-inner"> 
    <div class="container"> 
     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
      <i class="icon-bar"></i> 
      <i class="icon-bar"></i> 
      <i class="icon-bar"></i> 
     </a> 
      <a class="brand" href="#">Test</a> 

     <div class="nav-collapse"> 
      <ul class="nav"> 
       <li class="dropdown"> 
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown<i class="caret"></i></a> 

        <div class="test"><!-- Works without this div --> 

         <ul class="dropdown-menu"> 
          <li> <a href="#">Link</a> 

          </li> 
          <li> <a href="#">Link</a> 

          </li> 
          <li class="divider"></li> 
          <li> <a href="#">Link</a> 

          </li> 
         </ul> 

        </div><!-- End the div --> 

       </li> 
      </ul> 
     </div> 
    </div> 
</div> 

Here's jsFiddle :

http://jsfiddle.net/GGMWX/357/ 감사

Answer 1

부트 스트랩이 다른 요소를 허용하지 않습니다이 드롭 다운입니다. 주위에 div를 갖고 싶다면 자신의 드롭 다운을 만들어야합니다.