Twitter引导程序RC2和jquery选择2个意外的边距和填充

Question

我最近开始使用bootstrap RC2和jquery select2，但如果我在bootstrap form-control课程中使用它，我会获得意想不到的边距并且看起来很奇怪。

有人可以给我一个暗示吗？

HTML

<div class="form-group">
    <div class="col-lg-6 sepereate-group">
    <select name="gender" id="gender" data-placeholder="Select gender" class="form-control select2">
        <option></option>
        <option value="1">Male</option>
        <option value="2">Female</option>
    </select>
</div>

<div class="form-group">
  <div class="col-lg-6 sepereate-group">
    <select name="gender" id="gender" data-placeholder="Select experience" class="form-control select2" >
        <option></option>
        <option value="1">No experience</option>
        <option value="2">Some experience</option>
        <option value="3">Experienced</option>
        <option value="4">Very experienced</option>
    </select>
    /div>
</div>

Answer 1

好的解决了，从select标签中删除了form-group类 并以这种方式定义了select2

 $(".select2").select2({ width: '100%' });

Answer 2

我遇到了同样的问题并找到了this库。像预期的那样工作！