Search
 
SCRIPT & CODE EXAMPLE
 

HTML

bootstrap radio

<div class="form-check form-check-inline">
  <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
  <label class="form-check-label" for="inlineRadio1">1</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
  <label class="form-check-label" for="inlineRadio2">2</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3" disabled>
  <label class="form-check-label" for="inlineRadio3">3 (disabled)</label>
</div>
Comment

bootstrap radio button

<div class="form-check">
  <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
  <label class="form-check-label" for="exampleRadios1">
    Default radio
  </label>
</div>
<div class="form-check">
  <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2">
  <label class="form-check-label" for="exampleRadios2">
    Second default radio
  </label>
</div>
<div class="form-check disabled">
  <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios3" value="option3" disabled>
  <label class="form-check-label" for="exampleRadios3">
    Disabled radio
  </label>
</div>
Comment

radio button bootstrap

<div class="btn-group btn-group-toggle" data-toggle="buttons">
  <label class="btn btn-secondary active">
    <input type="radio" name="options" id="option1" autocomplete="off" checked> Active
  </label>
  <label class="btn btn-secondary">
    <input type="radio" name="options" id="option2" autocomplete="off"> Radio
  </label>
  <label class="btn btn-secondary">
    <input type="radio" name="options" id="option3" autocomplete="off"> Radio
  </label>
</div>
Comment

bootstrap radio button

<input type="radio" class="btn-check" name="options" id="option1" autocomplete="off" checked>
<label class="btn btn-secondary" for="option1">Checked</label>

<input type="radio" class="btn-check" name="options" id="option2" autocomplete="off">
<label class="btn btn-secondary" for="option2">Radio</label>

<input type="radio" class="btn-check" name="options" id="option3" autocomplete="off" disabled>
<label class="btn btn-secondary" for="option3">Disabled</label>

<input type="radio" class="btn-check" name="options" id="option4" autocomplete="off">
<label class="btn btn-secondary" for="option4">Radio</label>
Comment

bootstrap radio button block

<!-- Default radio -->
<div class="form-check">
  <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1"/>
  <label class="form-check-label" for="flexRadioDefault1"> Default radio </label>
</div>

<!-- Default checked radio -->
<div class="form-check">
  <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2" checked/>
  <label class="form-check-label" for="flexRadioDefault2"> Default checked radio </label>
</div>
Comment

bootstrap radio button

bootstrap radio
Comment

PREVIOUS NEXT
Code Example
Html :: html picture tag 
Html :: how to call one phtml file in another phtml file in magento2 
Html :: react select, option 
Html :: jquery unescape html 
Html :: bootstrap navvar 
Html :: remove extra space in code html 
Html :: bootstap5 card 
Html :: HTML <article Element 
Html :: html onclick not working 
Html :: twig lower 
Html :: fork me on github ribbon 
Html :: bootstrap table no border 
Html :: bootstrap jumbotron with navbar 
Html :: HTML <header element 
Html :: collapsible accordion html+css only 
Html :: how to call html.action in asp.net core 
Html :: html to markdown 
Html :: twig format 
Html :: nested list html 
Html :: vue bind 
Html :: alpine function 
Html :: open app instagram with url html tag on android 
Html :: table title html 
Html :: normie box dank memer 
Html :: aligment absolute center slds 
Html :: twig first last element 
Html :: disable lazyload image smush 
Html :: copy to cllipboard the html element 
Html :: link to middle of page 
Html :: html circle symbol 
ADD CONTENT
Topic
Content
Source link
Name
5+2 =