bootstrap tab-pane没有增长

Question

我正在尝试创建一个包含三个标签的面板。

每个标签都是这样的：

  <div class="tab-pane alert alert-info" id="step-by-step">
    <form data-toggle="validator" role="form" id="Add_Bike">
      <div class="form-group col-xs-12 col-sm-12 col-md-8 col-lg-6">
        <label for="Year">Year</label>

我有一个奇怪的问题，如果我添加“col-xs-12 col-sm-12 col-md-8 col-lg-6”类，面板背景将与表格高度不匹配，

http://jsfiddle.net/YXuNr/8/

如果我删除响应类

，那就完全没问题了

http://jsfiddle.net/9p3s9/1/

我已经检查了html，显然这一切都很好，我不想在这些面板上施加最小高度，你知道如何解决这个问题吗？ （我还尝试分配背景并从选项卡窗格中删除警报警报信息，但无论如何它都不会增长。

Answer 1

由于某种原因添加

    <div class="row"></div>

表单修复后

http://jsfiddle.net/YXuNr/20/

Answer 2

我认为这就是你想要的，我创建了一个css类，并在删除“col-xs-12 col-sm-12 col-md-8 col-lg-6”时将其添加到html中。这是一个技巧，但它会得到你想要的影响。您可能希望调整位置以使其完全匹配。

HTML片段：

<div class="form-group option">

css代码：

.option{
  padding-left: 15px;

}

<强>小提琴： http://jsfiddle.net/YXuNr/9/