css - Twitter bootstrap 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%' });