Bootstrap-select在另一个div后面

Question

我正在使用Bootstrap-select（https://github.com/silviomoreto/bootstrap-select）下拉列表来解决此问题：

如您所见，下拉列表显示在第二个元素后面（第二个div带有绿色背景）。 第二个div用这个简单的代码创建：

<div class="col-md-7" style="height:100%">
    <div id="prt-form-container" class="prt-vertical-align">
    [...]
    </div>
</div>

col-md-7是标准的Bootstrap类。

下拉列表代码为：

<div class="btn-group bootstrap-select form-control prt-form-control open">
    <button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" title="Indica la professione" aria-expanded="true"><span class="filter-option pull-left">Indica la professione</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span></button>
    <div class="dropdown-menu open" style="max-height: 178px; overflow: hidden;">
        <div class="bs-searchbox"><input type="text" class="form-control" autocomplete="off"></div>
        <ul class="dropdown-menu inner" role="menu" style="max-height: 130px; overflow-y: auto;">
        [...]
        </ul>
    </div>
</div>

如何正确显示下拉列表？