如何動態調整大小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。