Bootstrap：匹配复选框和下拉菜单

Question

我想在我的ASP.Net MVC应用程序中使用下拉菜单匹配一个复选框（该复选框将启用/禁用下拉列表）。我试图改变显示如何将复选框与输入框匹配的code on the official bootstrap site以满足我自己的需要。但这并没有真正奏效。

我的HTML看起来像这样：

<div class="row">
                    <div class="col-md-3">
                        @Html.LabelForConfig(model => model.CompanyPkid)
                    </div>
                    <div class="col-lg-9">
                        <div class="input-group">
                            <span class="input-group-addon">
                                @Html.CheckBoxFor(model => model.IsSCompanyForPush)
                            </span>
                            @Html.DropDownListFor(model => model.CompanyPkid, Model.SelectOptions.CompanyPkidList)
                        </div><!-- /input-group -->
                    </div><!-- /.col-lg-6 -->
                </div>

这给出了以下结果：

如何解决此问题以使其看起来更干净？

Answer 1

要应用引导输入样式，您需要在下拉列表中显示form-control类：

@Html.DropDownListFor(model => model.CompanyPkid, Model.SelectOptions.CompanyPkidList, new { @class = "form-control" })