Collectives™ on Stack Overflow

Find centralized, trusted content and collaborate around the technologies you use most.

Teams

Q&A for work

Connect and share knowledge within a single location that is structured and easy to search.

I need to use bootstrap selectpicker, it looks good if I have large screen, but if I reduce the screen size my selects layered, but I want to show them separately.

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

For show the select I use:

<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>
How can I solve my problem? Thanks!
Your quickest way is to remove this absolute positioning style:
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width:180px;
    left: 0;
    /* position: absolute; */ /* This is being removed */
        
Thanks for contributing an answer to Stack Overflow!
Please be sure to answer the question. Provide details and share your research!
But avoid …
Asking for help, clarification, or responding to other answers.
Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.