css - Twitter bootstrap RC2 和 jquery 选择 2 个意外的边距和填充

Question

我最近开始使用bootstrap RC2and 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

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

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

Answer 2

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