twitter-bootstrap - 如何动态调整 btn.group 的长度

Question

我正在尝试.btn-group在 Bootstrap 下附加一个carousel slide。如您所见，我在其中有一组. btn btn-inverse。.btn-group现在我想做的是将前三个拉到. btn btn-inversediv 的well span9左侧，并将后两个拉到div. btn btn-inverse的右侧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">‹&lt;/a>
     <a class="right carousel-control" href="#myCarousel" data-slide="next">›&lt;/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

这对你有用吗？

小提琴

请注意，我将所有股票引导代码与pull-rightand一起使用pull-left。