Bootstrap很好地添加按钮到边缘

Question

目前我在页面上进行了此设置，按钮组中有三个buttons用作切换按钮，而在它们下面是一个带有标签页的bootsrap well。有没有办法让按钮组成为well的一部分，所以它位于well的上边缘的中心？

我从这里尝试过代码：Bootstrap - Adding legend to well但是没有用。

这是当前设置的img

代码很简单

    <div style="text-align:center">

    <div id="tab" class="btn-group" data-toggle="buttons-radio">
        <a style="padding:9px;font-size:16px" href="#tdel" class="btn active" data-toggle="tab">Delegations</a>
        <a style="padding:9px;font-size:16px" href="#tind" class="btn " data-toggle="tab">Individuals</a>
        <a style="padding:9px;font-size:16px" href="#tobs" class="btn " data-toggle="tab">Observers</a>
    </div>

    </div>



 <div class="well">
     <div class="tab-content">
         <div class="tab-pane" id="tind">
         </div>
         <div class="tab-pane" id="tobs">
         </div>

         <div class="tab-pane" id="tdel">
         </div>

     </div>
</div>

小提琴：http://jsfiddle.net/mikeyfreake/CbNfa/2/

Answer 1

将buttonset div放在well div。

中

Fiddle以供参考。

你也可以使用margin-top：-15px;在你的CSS工作表中进一步将其移动到位于井的中心顶部。希望这有帮助！