چک باکس های بوت استرپ
اگر می خواهید که کاربر هر تعداد از گزینه ها را از یک لیست گزینه ها انتخاب کند، از چک باکس ها استفاده کنید.
مثال زیر شامل 3 چک باکس می باشد. آخرین گزینه نیز به صورت غیر فعال(disabled) در آمده است:
مثال (ورودی های بوت استرپ)
<div class="checkbox">
<label><input type="checkbox" value="">Option 1</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="">Option 2</label>
</div>
<div class="checkbox disabled">
<label><input type="checkbox" value="" disabled>Option 3</label>
</div>
<label><input type="checkbox" value="">Option 1</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="">Option 2</label>
</div>
<div class="checkbox disabled">
<label><input type="checkbox" value="" disabled>Option 3</label>
</div>
خودتان امتحان کنید »
در صورتی که می خواهید چک باکس ها در یک خط قرار بگیرند، می توانید از کلاس checkbox-inline استفاده کنید:
مثال (ورودی های بوت استرپ)
<label class="checkbox-inline"><input type="checkbox" value="">Option 1</label>
<label class="checkbox-inline"><input type="checkbox" value="">Option 2</label>
<label class="checkbox-inline"><input type="checkbox" value="">Option 3</label>
<label class="checkbox-inline"><input type="checkbox" value="">Option 2</label>
<label class="checkbox-inline"><input type="checkbox" value="">Option 3</label>
خودتان امتحان کنید »
