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