<div class="form-group">
<label>چک باکس پیش فرض</label>
<div class="checkbox-list">
<label class="checkbox">
<input type="checkbox" name="چک باکس ها1"/>
<span></span>
پیش فرض
</label>
<label class="checkbox checkbox-disabled">
<input type="checkbox" disabled="disabled" checked="checked" name="چک باکس ها1"/>
<span></span>
غیرفعال
</label>
<label class="checkbox">
<input type="checkbox" checked="checked" name="چک باکس ها1"/>
<span></span>
تیک خورده
</label>
</div>
</div>
<div class="form-group">
<label>چک باکس خطی</label>
<div class="checkbox-inline">
<label class="checkbox">
<input type="checkbox" name="چک باکس ها2"/>
<span></span>
گزینه 1
</label>
<label class="checkbox">
<input type="checkbox" name="چک باکس ها2"/>
<span></span>
گزینه 2
</label>
<label class="checkbox">
<input type="checkbox" name="چک باکس ها2"/>
<span></span>
گزینه 3
</label>
</div>
<span class="form-text text-muted">می توانید توضیحات در اینجا بنویسید</span>
</div>
<div class="form-group">
<label>چک باکس خطی</label>
<div class="checkbox-inline">
<label class="checkbox">
<input type="checkbox" checked="checked" name="چک باکس ها3"/>
<span></span>
گزینه 1
</label>
<label class="checkbox">
<input type="checkbox" name="چک باکس ها3"/>
<span></span>
گزینه 2
</label>
<label class="checkbox">
<input type="checkbox" checked="checked" name="چک باکس ها3"/>
<span></span>
گزینه 3
</label>
</div>
<span class="form-text text-muted">می توانید توضیحات در اینجا بنویسید</span>
</div>
<div class="form-group">
<label>اندازه بزرگ</label>
<div class="checkbox-inline">
<label class="checkbox checkbox-lg">
<input type="checkbox" checked="checked" name="چک باکس ها3_1"/>
<span></span>
گزینه 1
</label>
<label class="checkbox checkbox-lg">
<input type="checkbox" name="چک باکس ها3_1"/>
<span></span>
گزینه 2
</label>
<label class="checkbox checkbox-lg">
<input type="checkbox" name="چک باکس ها3_1"/>
<span></span>
گزینه 3
</label>
</div>
<span class="form-text text-muted">می توانید توضیحات در اینجا بنویسید</span>
</div>
<div class="form-group">
<label>استایل مربع</label>
<div class="checkbox-inline">
<label class="checkbox checkbox-square">
<input type="checkbox" checked="checked" name="چک باکس ها13_1"/>
<span></span>
گزینه 1
</label>
<label class="checkbox checkbox-square">
<input type="checkbox" name="چک باکس ها13_1"/>
<span></span>
گزینه 2
</label>
<label class="checkbox checkbox-square">
<input type="checkbox" name="چک باکس ها13_1"/>
<span></span>
گزینه 3
</label>
</div>
<span class="form-text text-muted">می توانید توضیحات در اینجا بنویسید</span>
</div>
<div class="form-group">
<label>استایل گوشه گرد</label>
<div class="checkbox-inline">
<label class="checkbox checkbox-rounded">
<input type="checkbox" checked="checked" name="چک باکس ها15_1"/>
<span></span>
گزینه 1
</label>
<label class="checkbox checkbox-rounded">
<input type="checkbox" name="چک باکس ها15_1"/>
<span></span>
گزینه 2
</label>
<label class="checkbox checkbox-rounded">
<input type="checkbox" name="چک باکس ها15_1"/>
<span></span>
گزینه 3
</label>
</div>
<span class="form-text text-muted">می توانید توضیحات در اینجا بنویسید</span>
</div>
<form class="form">
<div class="form-group row">
<label class="col-3 col-form-label">چک باکس ها</label>
<div class="col-9 col-form-label">
<div class="checkbox-list">
<label class="checkbox">
<input type="checkbox" name="چک باکس ها4"/>
<span></span>
پیش فرض
</label>
<label class="checkbox">
<input type="checkbox" checked="checked" name="چک باکس ها4"/>
<span></span>
تیک خورده
</label>
<label class="checkbox checkbox-disabled">
<input type="checkbox" disabled="disabled" name="چک باکس ها4"/>
<span></span>
غیرفعال
</label>
</div>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">چک باکس خطی</label>
<div class="col-9 col-form-label">
<div class="checkbox-inline">
<label class="checkbox">
<input type="checkbox" name="چک باکس ها5"/>
<span></span>
گزینه 1
</label>
<label class="checkbox">
<input type="checkbox" name="چک باکس ها5"/>
<span></span>
گزینه 2
</label>
<label class="checkbox">
<input type="checkbox" name="چک باکس ها5"/>
<span></span>
گزینه 3
</label>
</div>
<span class="form-text text-muted">می توانید توضیحات در اینجا بنویسید</span>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">چک باکس خطی</label>
<div class="col-9 col-form-label">
<div class="checkbox-inline">
<label class="checkbox">
<input type="checkbox" name="چک باکس ها6"/>
<span></span>
گزینه 1
</label>
<label class="checkbox">
<input type="checkbox" checked="checked" name="چک باکس ها6"/>
<span></span>
گزینه 2
</label>
<label class="checkbox">
<input type="checkbox" name="چک باکس ها6"/>
<span></span>
گزینه 3
</label>
</div>
<span class="form-text text-muted">می توانید توضیحات در اینجا بنویسید</span>
</div>
</div>
</form>
<form class="form">
<div class="form-group row">
<label class="col-3 col-form-label">موفقیت</label>
<div class="col-9 col-form-label">
<div class="checkbox-inline">
<label class="checkbox checkbox-success">
<input type="checkbox" name="چک باکس ها5"/>
<span></span>
پیش فرض
</label>
<label class="checkbox checkbox-success">
<input type="checkbox" name="چک باکس ها5" checked="checked" />
<span></span>
تیک خورده
</label>
<label class="checkbox checkbox-success checkbox-disabled">
<input type="checkbox" name="چک باکس ها5" disabled="disabled"/>
<span></span>
غیرفعال
</label>
</div>
<span class="form-text text-muted">می توانید توضیحات در اینجا بنویسید</span>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">اصلی</label>
<div class="col-9 col-form-label">
<div class="checkbox-inline">
<label class="checkbox checkbox-primary">
<input type="checkbox" name="چک باکس ها11"/>
<span></span>
پیش فرض
</label>
<label class="checkbox checkbox-primary">
<input type="checkbox" name="چک باکس ها11" checked="checked" />
<span></span>
تیک خورده
</label>
<label class="checkbox checkbox-primary checkbox-disabled">
<input type="checkbox" name="چک باکس ها11" disabled="disabled"/>
<span></span>
غیرفعال
</label>
</div>
<span class="form-text text-muted">می توانید توضیحات در اینجا بنویسید</span>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">هشدار</label>
<div class="col-9 col-form-label">
<div class="checkbox-inline">
<label class="checkbox checkbox-danger">
<input type="checkbox" name="چک باکس ها12"/>
<span></span>
پیش فرض
</label>
<label class="checkbox checkbox-danger">
<input type="checkbox" name="چک باکس ها12" checked="checked" />
<span></span>
تیک خورده
</label>
<label class="checkbox checkbox-danger checkbox-disabled">
<input type="checkbox" name="چک باکس ها12" disabled="disabled"/>
<span></span>
غیرفعال
</label>
</div>
<span class="form-text text-muted">می توانید توضیحات در اینجا بنویسید</span>
</div>
</div>
</form>
<form class="form">
<div class="form-group row">
<label class="col-3 col-form-label">خط دور پیش فرض</label>
<div class="col-9 col-form-label">
<div class="checkbox-inline">
<label class="checkbox checkbox-outline checkbox-success">
<input type="checkbox" name="چک باکس ها15"/>
<span></span>
پیش فرض
</label>
<label class="checkbox checkbox-outline checkbox-success">
<input type="checkbox" name="چک باکس ها15" checked="checked" />
<span></span>
تیک خورده
</label>
<label class="checkbox checkbox-outline checkbox-success checkbox-disabled">
<input type="checkbox" name="چک باکس ها15" disabled="disabled"/>
<span></span>
غیرفعال
</label>
</div>
<span class="form-text text-muted">می توانید توضیحات در اینجا بنویسید</span>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">خط دور ضخیم</label>
<div class="col-9 col-form-label">
<div class="checkbox-inline">
<label class="checkbox checkbox-outline checkbox-outline-2x checkbox-primary">
<input type="checkbox" name="چک باکس ها16"/>
<span></span>
پیش فرض
</label>
<label class="checkbox checkbox-outline checkbox-outline-2x checkbox-primary">
<input type="checkbox" name="چک باکس ها16" checked="checked" />
<span></span>
تیک خورده
</label>
<label class="checkbox checkbox-outline checkbox-outline-2x checkbox-primary checkbox-disabled">
<input type="checkbox" name="چک باکس ها16" disabled="disabled"/>
<span></span>
غیرفعال
</label>
</div>
<span class="form-text text-muted">می توانید توضیحات در اینجا بنویسید</span>
</div>
</div>
</form>