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

使用響應類它的工作原理