c# - 将 Bootstrap 控件与 Razor HTML 帮助程序相结合

Question

我第一次学习和做任何 web 开发，所以它可能看起来像一个显而易见的问题，但我的困惑是:起初，在我的 MVC 应用程序中，我开始使用 Twitter Bootstrap 网站示例中的控件，例如，下拉菜单看起来非常漂亮，然后我了解到我想使用例如 @HTML.CheckBoxFor 等，在我的 Razor 代码中如此使用，现在控件看起来很难看，就像它们的纯 HTML 定义一样。所以我的问题是，如何在保持其 Bootstrap 控件的外观和灵 active 的同时，继续使用 @HTML 帮助器进行 Razor 中的控件和模型绑定(bind)？

Answer 1

如果你的属性是 bool 类型，那么试试这个复选框:

<div class="form-group">
        @Html.LabelFor(model => model.property1, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            <div class="checkbox">
                @Html.EditorFor(model => model.property1)
                @Html.ValidationMessageFor(model => model.property1, "", new { @class = "text-danger" })
            </div>
        </div>
    </div>

checkbox 类名来自 bootstrap