bootstrap自定义margin-bottom不起作用

Question

我想在使用bootstrap的select组件底部添加margin底部。我把它添加到我的自定义CSS：

select.form-control {
    margin-bottom: 100px;
}

这里是我的选择代码：

<div class="form-group required">
    <label for="InputState" class="col-sm-3 control-label">Provinsis <sup>*</sup> </label>
    <div class="col-sm-9">
        <div class="">
            <select class="form-control" required id="InputState" name="InputState">
                <option value="">Choose</option>
                <option value="1">Alabama</option>
                <option value="2">Alaska</option>
                <option value="3">Arizona</option>
                <option value="4">Arkansas</option>
                <option value="50">Wyoming</option>
            </select>
        </div>
    </div>
</div>

但仍然没有底部元素的边距。

Answer 1

我发现了一个问题，并有解决方案。 问题是因为我使用jquery自定义选择select2。

所以我修改我的自定义css：

.select2-selection {
    margin-bottom: 10px;
}

这是工作