Alt alta kullanabileceğiniz “radio button” örneği:
[code language=”html”]
<label class="radio">
<input type="radio" name="mySelectionRadios" id="selectionRadio01" value="selection01">
My Radio selection 01
</label>
<label class="radio">
<input type="radio" name="mySelectionRadios" id="selectionRadio02" value="selection02" checked>
My Radio selection 02
</label>
[/code]
Kodu çıktı görüntüsü şöyle olacaktır:
[caption id="attachment_2704" align="aligncenter" width="150"]
Bootstrap block line radio buttons[/caption]
Yan yana yani aynı satırda kullanabileceğiniz “radio button” örneği:
Burda bize yardımcı olan bootstrap class’ı ise “inline” dır
[code language=”html”]
<label class="radio inline">
<input type="radio" id="inlineRadio01" value="selection01"> 01
</label>
<label class="radio inline">
<input type="radio" id="inlineRadio02" value="selection02"> 02
</label>
<label class="radio inline">
<input type="radio" id="inlineRadio03" value="selection03" checked> 03
</label>
[/code]
Kodun çıktı görüntüsü şöyle olacaktır:
[caption id="attachment_2712" align="aligncenter" width="150"]
Bootstrap in line radio buttons[/caption]]]>