Trình đơn thả xuống nút Navbar với Bootstrap 3

Question

Tôi muốn tạo một split button dropdown with Bootstrap 3. Tôi không tìm thấy đoạn mã nào.

navbar của tôi trông giống như:

<header class="navbar navbar-default navbar-fixed-top"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#">Brand</a> 
     </div> 
     <div class="navbar-collapse collapse"> 

      <ul class="nav navbar-nav"> 
       <li> 
        <a href="#">Example</a> 
       </li> 
       <li> 
        <a href="#">Example</a> 
       </li> 
      </ul> 

      <ul class="nav navbar-nav navbar-right"> 
       <li><a href="#">Link</a></li> 
       <li class="dropdown"> 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> 
        <ul class="dropdown-menu"> 
         <li><a href="#">Action</a></li> 
         <li><a href="#">Another action</a></li> 
         <li><a href="#">Something else here</a></li> 
         <li class="divider"></li> 
         <li><a href="#">Separated link</a></li> 
        </ul> 
       </li> 
      </ul> 
     </div><!--/.navbar-collapse --> 
    </div> 
</header> 

Answer 1

Bạn có thể đặt nó bên trong nav li và thêm navbar-btn đến btn-group ..

  <li> 
        <div class="btn-group navbar-btn"> 
        <button class="btn btn-danger">Action</button> 
        <button data-toggle="dropdown" class="btn btn-danger dropdown-toggle"><span class="caret"></span></button> 
        <ul class="dropdown-menu"> 
         <li><a href="#">Action</a></li> 
         <li><a href="#">Another action</a></li> 
         <li><a href="#">Something else here</a></li> 
         <li class="divider"></li> 
         <li><a href="#">Separated link</a></li> 
        </ul> 
        </div> 
      </li> 

Demo: http://bootply.com/100070