ASP.NET RAZOR - 如何在自定义 Bootstrap 4 复选框开关上绑定剃刀复选框答案

【问题标题】：ASP.NET RAZOR - How to Bind razor checkBox on custom Boostrap 4 Checkbox SwitchASP.NET RAZOR - 如何在自定义 Bootstrap 4 复选框开关上绑定剃刀复选框
【发布时间】：2019-06-23 17:28:32
【问题描述】：

如何将剃须刀生成的代码放在这个开关上？

它会像复选框一样工作

Image Discription

这里是其工作原理的链接： https://bootsnipp.com/snippets/GaxR2

 <div class="card" style="margin:50px 0">
    <div class="card-header">Checkbox to Switch</div>

    <ul class="list-group list-group-flush">
        <li class="list-group-item">
            Bootstrap Switch Success
            <label class="switch ">
                <input type="checkbox" class="success">
                <span class="slider"></span>
            </label>
        </li>
    </ul>
</div>

剃刀密码

<div class="form-group">
    @Html.LabelFor(model => model.ExibirInfoPosicionamento, htmlAttributes: new { @class = "control-label " })
    <div class="col-md-10">
        @Html.CheckBoxFor(model => model.ExibirInfoPosicionamento, new { })
    </div>
</div>

【问题讨论】：

标签： asp.net-mvc twitter-bootstrap razor

【解决方案1】：

有点晚了，但我也对此感到有些沮丧，让它像这样工作（Bootstrap 4.3.1）

剃刀在我的页面上 --

    <div class="col-lg-1">
        @Html.EditorFor(m => Model.YN,"toggle", new { @id = "yn1 })
    </div>

编辑器模板“切换”

@model System.Boolean

<div class="custom-control custom-switch">
    @Html.CheckBoxFor(m => m,
    new { @class = "custom-control-input" })
    @Html.LabelFor(m => m, new { @class = "custom-control-label" })
</div>

【讨论】：