在Accordion Bootstrap 3中显示选择选项的问题

时间:2014-03-07 08:52:46

标签: css css3 twitter-bootstrap twitter-bootstrap-3

我试图在此Demo的Bootstrap 32手风琴中使用Bootstrap Select Plugin,但Select选项隐藏在panel-body

<div id="collapseOne" class="panel-collapse collapse in">
    <div class="panel-body">
        <select class="selectpicker">
            <option>Mustard</option>
            <option>Ketchup</option>
            <option>Relish</option>
        </select>  
    </div>
</div>

你能否告诉我为什么会这样,以及如何解决这个问题? 感谢

1 个答案:

答案 0 :(得分:1)

下拉列表的位置问题。

小提琴http://jsfiddle.net/52VtD/3386/

只需在下拉列表中添加一个类即可使位置相对。

.bootstrap-select .dropdown-menu{
    position:relative;
}