How to set bootstrap checkbox in razor CheckBoxFor()

Question

I want to use bootstrap styled checkbox in my asp .net mvc form, however I find it very difficult. After hours looking for solution, I couldn\'t find anything that works for

Answer 1

its not working because of putting the class in div so add the class in checkbox like this

                

                    @Html.LabelFor(c => c.IsSynchronize, new { @class = "col-sm-2 control-label" })
                    

                            @Html.CheckBoxFor(model => model.IsSynchronize ,new {@class="checkbox"})
                    
                

btw i use icheck which are a bit fancy you just have to add

these libraries in header and in code use

 

            

                @Html.CheckBoxFor(model => model.IsSynchronize)
                @Html.LabelFor(c => c.IsSynchronize, new { @class = "col-sm-2 control-label" })