Bootstrap “radio button” kodu kullanımı örneği (Bootstrap “radio button” code usage example)

Twitter Bootstrap te kullanabileceğiniz “radio button” örnek kodları aşağıdaki gibidir.

Alt alta kullanabileceğiniz “radio button” örneği:

<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>

Kodu çıktı görüntüsü şöyle olacaktır:

Bootstrap block line radio buttons
Bootstrap block line radio buttons

Yan yana yani aynı satırda kullanabileceğiniz “radio button” örneği:
Burda bize yardımcı olan bootstrap class’ı ise “inline” dır

<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>

Kodun çıktı görüntüsü şöyle olacaktır:

Bootstrap in line radio buttons
Bootstrap in line radio buttons

Share on Facebook0Tweet about this on TwitterShare on Google+0Share on StumbleUpon0Share on Reddit0

Leave a Reply


*