如何动态重新调整btn.group的长度

Question

我正在尝试在引导程序.btn-group下附加carousel slide。正如您所见，我在. btn btn-inverse中有.btn-group组。现在我想要do将前三个. btn btn-inverse拉到div well span9的左边，并将最后两个. btn btn-inverse拉到div well span9的右边。所以dyno类必须采用动态格式，才能根据.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的所有股票引导代码。