下拉菜单在引导程序 4 中被切断

Question

我在使用应用程序中的所有下拉菜单时遇到问题。我正在实施 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>

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

Answer 1

更新：通过添加'input-sm'类解决它：

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