引導下拉工作不正常

Question

我想做這樣的

，所以我想這way

<div class="container"> 
<div class="row"> 
<div class="btn-group" data-toggle="buttons"> 
<div class="col-md-2 "> 
<button class="icon-box-add dropdown-toggle" data-toggle="dropdown"> Stock 
<span class="caret"></span> 
    </button>  <ul class="dropdown-menu pull-right"> 
      <li><a href="#">Action</a></li> 
      <li><a href="#">Another action</a></li> 
      <li><a href="#">Something else here</a></li> 
      <li><a href="#">Separated link</a></li> 
     </ul> 


</div> 
<div class="col-md-2">Orders</div> 
<div class="col-md-2">Content</div> 
<div class="col-md-2">Setting</div> 
<div class="col-md-2">Marketting</div> 
<div class="col-md-2">Customers</div> 

</div> 
</div> 
</div> 

但產量不按我的要求（如每顯示的圖像）。請告訴我該怎麼辦

注意請忽略圖標，我不能在bootply中附加圖像。

Answer 1

我希望它可以幫助你：

bootply：http://bootply.com/112644

HTML：

<div class="container"> 
<div class="row"> 
<div class="btn-group col-md-2" data-toggle="buttons"> 
    <a class="icon-box-add dropdown-toggle" data-toggle="dropdown"> Stock 
    <span class="caret"></span> 
    </a>   
    <ul class="dropdown-menu pull-right"> 
      <li><a href="#">Action</a></li> 
      <li><a href="#">Another action</a></li> 
      <li><a href="#">Something else here</a></li> 
      <li><a href="#">Separated link</a></li> 
    </ul> 


    </div> 
<div class="col-md-2">Orders</div> 
<div class="col-md-2">Content</div> 
<div class="col-md-2">Setting</div> 
<div class="col-md-2">Marketting</div> 
<div class="col-md-2">Customers</div> 

</div> 
</div> 

更新：

http://bootply.com/112648 更改col-md-2只是pull-left

http://bootply.com/112649 添加保證金右

更新2： 點評：在圖像的div並排

方在加入backgound（如圖像） ，你可以看到他們並排... http://bootply.com/112650