css - Bootstrap 3 按钮总是在选项卡右下角？

Question

是否可以让按钮始终位于 Bootstrap 3 选项卡的右下角？

这是我在选项卡中的代码示例

<div class="wizard tab-content">
    <!--Step 1 --> 
    <div id="step-1" class="tab-pane fade in active">
        <div class="row">
            <div class="col-md-12">
                <h2>First step</h2>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6 col-sm-6 col-xs-6">
                <a href="#step-1" data-toggle="tab">BACK</a> 
            </div>
            <div class="col-md-6 col-sm-6 col-xs-6 text-right">
                <a href="#step-2" data-toggle="tab">NEXT</a> 
            </div>
        </div>        
    </div>
    <!--/Step 1 --> 
</div>

CSS

.wizard{
     min-height:400px;
     background-color:red;
}

我需要的是 BACk 和 NEXT 始终位于向导元素的底部？

请看一下这个工作 fiddle http://jsfiddle.net/52VtD/9126/

Answer 1

参见:尝试:http://jsfiddle.net/52VtD/9127

事实上，这个解决方案与@Izzy 的解决方案没有太大区别:

CSS:

.wizard {
 min-height:200px;
 background-color:red;
 position: relative;
}
.wizard .tab-pane > div:last-child {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin:0;
}