پیام محمدی مدیر سامانه

چک‌باکس

شما می‌توانید چک‌باکس موردنیاز خود را از ترکیب رنگ‌ها و اندازه‌های فراهم شده بسازید. به نمونه‌های زیر نگاه کنید:

Source code 
                            
                                <label class="checkbox">
                                  <input type="checkbox"/>
                                  <span class="check-mark"></span> Basic example
                                </label>

رنگ‌ها

قالبدهی چک‌باکس از ساختار رنگ‌های بوتسترپ پیروی می‌کند.

Source code 
                            
                                <label class="checkbox checkbox-primary"></label>
                                <label class="checkbox checkbox-success"></label>
                                <label class="checkbox checkbox-danger"></label>
                                <label class="checkbox checkbox-warning"></label>
                                <label class="checkbox checkbox-info"></label>

اندازه‌ها

کلاس .checkbox-sm را برای داشتن چک‌باکس کوچکتر و کلاس .checkbox-lg برای افزایش اندازه، بکارگیرید.

Source code 
                            
                                <label class="checkbox checkbox-sm"></label>
                                <label class="checkbox"></label>
                                <label class="checkbox checkbox-lg"></label>

غیرفعال

زمانی که یک فیلد ورودی inputرا غیر فعال می‌کنید، ظاهر آن به شکل زیر دگرگون می‌شود:

Source code 
                            
                                <label class="checkbox checkbox-danger">
                              <input type="checkbox" checked disabled/>
                              <span class="check-mark"></span> You can't change
                            </label>