css - Bootstrap 4 下拉列表 ul 列表不正确和固定位置

Question

问题是引导下拉选择列表远离按钮。位置不正确，没有用按钮固定。向下查看图像以了解问题。谁能帮我？

这是我的代码：

<div class="button-group dropdown">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                Velg lokaler 
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu px-2" data-bind="foreach: bookable">
                <li>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" checked="checked" data-bind="text: name"/>
                        <label class="form-check-label" data-bind="text: name">

                        </label>
                    </div>
                </li>
            </ul>

        </div>

标签： cssbootstrap-4popper.js