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

时间:2017-08-09 13:50:20

标签: jquery html css twitter-bootstrap bootstrap-selectpicker

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

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

为了展示我使用的EditText

select

如何解决我的问题?谢谢!

3 个答案:

答案 0 :(得分:1)

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

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

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

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

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

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