我有一个包含2个标签和不同内容的面板。但是，当我在选项卡1中执行col-md-8时，这将继续进入选项卡2，我希望选项卡2重新开始。这是我的代码：
<div class="col-md-12">
<div class="panel with-nav-tabs panel-default">
<div class="panel-heading">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab1default" data-toggle="tab">Quick</a></li>
<li><a href="#tab2default" data-toggle="tab">Advanced</a></li>
</ul>
</div>
<div class="panel-body">
<div class="tab-content">
<div class="tab-pane fade in active" id="tab1default">
<div class="col-md-8 col-md-offset-2">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for..." id="searchTerm" name="searchTerm" value='<?php echo $value; ?>' required>
<span class="input-group-btn">
<button class="btn btn-default" type="submit" name="action"><span class="glyphicon glyphicon-search"></span> Search</button>
</span>
</div><!-- /input-group -->
</div>
</div>
<div class="tab-pane fade" id="tab2default">
<div class="col-md-8 col-md-offset-2">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for..." id="searchTerm" name="searchTerm" value='<?php echo $value; ?>' required>
<span class="input-group-btn">
<button class="btn btn-default" type="submit" name="action"><span class="glyphicon glyphicon-search"></span> Search</button>
</span>
</div><!-- /input-group -->
</div>
</div>
</div>
</div>
</div>
</div>