Bootstrap col-md-12，col-sm-12不能与bootstraps selectpicker一起使用

Question

我需要使用bootstrap selectpicker，如果我有大屏幕，它看起来不错，但如果我减小屏幕尺寸，我选择分层，但我想分别显示它们。

JSFiddle：https://jsfiddle.net/nastya2410/4o2umka6/5/

为了展示我使用的EditText：

select

如何解决我的问题？谢谢！

Answer 1

您将宽度应用于div而不是选择器您有多种解决方案：

• 在选择器上应用col-lg-2 col-md-2 col-sm-12 col-xs-12

• 将此css属性添加到您的选择器：select{width:inherit;}

Answer 2

最快捷的方法是删除这种绝对定位方式：

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width:180px;
    left: 0;
    /* position: absolute; */ /* This is being removed */
}

Answer 3

<select class="selectpicker show-tick col-xs-12">

在其工作的select标签中使用自适应类