Html 引导4中的下拉菜单关闭

我对应用程序中的所有下拉菜单都有问题。我正在实现Bootstrap 4，在以前的v3版本中，下拉列表显示正确，但现在看起来是这样的：

HTML视图中下拉元素的使用非常简单：

<div class="card-body">
                    <div class="form-group row">
                        @Html.LabelFor(m => m.RequestLodgingID, new { @class = "col-md-4 control-label" })
                        <div class="col-md-8">
                            @Html.DropDownListFor(m => m.RequestLodgingID, Model.LodgingSelectList, new { Class = "form-control" })
                            @Html.ValidationMessageFor(m => m.RequestLodgingID)
                        </div>
                    </div>
                    <div class="form-group row">
                        @Html.LabelFor(m => m.RequestLodgingSizeID, new { @class = "col-md-4 control-label" })
                        <div class="col-md-8">
                            @Html.DropDownListFor(m => m.RequestLodgingSizeID, Model.LodgingSizeSelectList, new { Class = "form-control" })
                            @Html.ValidationMessageFor(m => m.RequestLodgingSizeID)
                        </div>
                    </div>
                </div>

@LabelFor（m=>m.requestLodingId，新的{@class=“col-md-4控制标签”}）
@DropDownListFor（m=>m.requestLodingId，Model.LodingSelectList，new{Class=“form control”}）
@Html.ValidationMessageFor（m=>m.requestLodingId）
@LabelFor（m=>m.requestLodingSizeId，新的{@class=“col-md-4控制标签”}）
@DropDownListFor（m=>m.requestLodingSizeId，Model.LodingSizeSelectList，新的{Class=“form control”}）
@Html.ValidationMessageFor（m=>m.requestLodingSizeId）

---

我不知道这是怎么开始的，我到底错过了什么？

更新：通过添加“input sm”类解决了这个问题：

@Html.DropDownListFor(m => m.RequestLodgingID, Model.LodgingSelectList, new { Class = "form-control input-sm" })

---

对于每个想知道的人，请查看下面，我找到了解决方案并将其发布在下面。