Bootstrap 很好地将按钮添加到边缘答案

【问题标题】：Bootstrap well add buttons to edgeBootstrap 很好地将按钮添加到边缘
【发布时间】：2013-06-20 14:34:51
【问题描述】：

目前我在一个页面上有这个设置，一个按钮组中有三个buttons 作为选项卡切换按钮，在它们下面是一个引导程序well 具有选项卡页。有没有办法让按钮组成为well 的一部分，所以它位于well 顶部边缘的中心？

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

这是当前设置的图片

代码很简单

    <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/

【问题讨论】：

标签： button twitter-bootstrap tabs

【解决方案1】：

将buttonset div 放在well div 内。

Fiddle 供参考。

你也可以margin-top: -15px;在您的 CSS 表中进一步将其向上移动到井的中心顶部。希望这会有所帮助！

【讨论】：