如何动态调整大小btn.group

Question

我试图附加.btn-group下一个引导carousel slide。作为的长度，你可以看到我有在.btn-group。现在. btn btn-inverse组我想要做的是拉什么前三个. btn btn-inverse加到div well span9的左边，并且将最后两个. btn btn-inverse推到div well span9的右侧。因此类必须是基于.well大小重新调整大小的动态格式。请在上传的图片上点击。

<div class="container"> 
<div class="well span9"> 
    <div id="myCarousel" class="carousel slide"> 
    <div class="carousel-inner"> 
     <div class="item active"> 
      <img src="****" alt="" /> 
     </div> 
     <div class="item"> 
      <img src="****" alt="" /> 
     </div> 
     <div class="item"> 
      <img src="*****" alt="" /> 
     </div> 
    </div> 
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a> 
    <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a> 
    </div> 
    <div class="btn-group hidden-phone"> 
    <a href="#" class="btn btn-inverse"><i class="icon-white icon-stop"></i></a> 
    <a href="#" class="btn btn-inverse"><i class="icon-white icon-play"></i></a> 
    <a href="#" class="btn btn-inverse"><i class="icon-white icon-pause"></i></a> 
    <a href="#" class="btn btn-inverse dyno">&nbsp;&nbsp;</a> 
    <a href="#" class="btn btn-inverse"><i class="icon-white icon-resize-full"></i></a> 
     <a href="#" class="btn btn-inverse"><i class="icon-white icon-fullscreen"></i></a> 
    </div> 
</div> 
</div> 

Answer 1

这是否对你的工作？

Fiddle

请注意，我用的所有股票引导代码与pull-right和pull-left。