在导航栏下弹出Bootstrap下拉菜单

Question

我有一个页面，其中有一个表单，其中有一个带有很多选项的多选下拉菜单。单击菜单弹出但不显示所有选项，因为它的一部分隐藏在导航栏下。 这是问题的图像：

这就是当下拉列表尚未点击时表单的样子：

以下是我的下拉菜单的代码：

<div class="form-group">
                <label>Linked Platforms</label>
                <select name="platforms[]" class="selectpicker form-control" multiple title="Platforms">
                    <% platforms.forEach(function(platform){ %>
                    <option value="<%= platform._id %>"><%= platform.name %></option>
                    <% }) %>
                </select>
</div>

如何让弹出窗口缩小？