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

Question

我需要使用bootstrap selectpicker，它看起来不错，如果我有大屏幕，但如果我缩小屏幕大小，我选择分层，但我想单独给他们看。

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

对于展会的select我用：

<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"> 
    <select class="selectpicker show-tick"> 
     <option>1</option> 
     <option>2</option> 
    </select> 
</div> 

我怎样才能解决我的问题？谢谢！

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"> 

使用响应类它的工作原理