Asp.net mvc 如何使用MVC4或MVC5语法复制材质复选框?

Asp.net mvc 如何使用MVC4或MVC5语法复制材质复选框?,asp.net-mvc,razor,checkbox,material-design,Asp.net Mvc,Razor,Checkbox,Material Design,我正在使用材质css构建表单,我想在asp.net mvc应用程序中使用材质复选框。以下是用于此的HTML通常的外观: <label class="form-check-label"> <input class="form-check-input" type="checkbox" value=""> Example checkbox <span class="f

我正在使用材质css构建表单,我想在asp.net mvc应用程序中使用材质复选框。以下是用于此的HTML通常的外观:

<label class="form-check-label">
    <input class="form-check-input" type="checkbox" value=""> Example checkbox
    <span class="form-check-sign">
        <span class="check"></span>
    </span>
</label>

我该如何着手解决这个问题

<div class="form-check form-check-inline">
    <label class="form-check-label">
        @Html.EditorFor(model => model.Example, new { @class="form-check-input", @type="checkbox"}) Example Checkbox
        <span class="form-check-sign">
            <span class="check"></span>
        </span>
    </label>
</div>