我有一个Twitter Bootstrap框架,其中包含Select2组件。
演示可以在http://jsfiddle.net/U4KTM/1/中查看。
Chrome中存在两个问题(在FF或IE中不明显):
演示可以在http://jsfiddle.net/U4KTM/1/中查看。
Chrome中存在两个问题(在FF或IE中不明显):
- Chrome中存在溢出问题,导致垂直滚动条出现。这似乎可以通过以下CSS解决:
- Chrome中的第二个问题是,在底部下拉菜单中选择项目会导致well出现奇怪的跳动问题,然后一些well内容从顶部消失。
.tab-content { overflow: hidden; }
<div class="well">
<ul class="nav nav-tabs">
<li class="active"><a href="#panel1" data-toggle="tab">First tab</a></li>
<li class=""><a href="#panel2" data-toggle="tab">Second tab</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="panel1">
<div class="control-group">
<label for="bar" class="control-label"></label>
<div class="controls">
<select name="bar" class="selector">
<option value="0">First Option</option>
<option value="1" selected="selected">Second Option</option>
<option value="2">Third Option</option>
</select>
</div>
</div>
<div class="control-group">
<label for="bar" class="control-label"></label>
<div class="controls">
<select name="bar" class="selector">
<option value="0">First Option</option>
<option value="1" selected="selected">Second Option</option>
<option value="2">Third Option</option>
</select>
</div>
</div>
</div>
</div>
</div>