Bootstrap checkbox

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>

Source: getbootstrap.com

Bootstrap checkbox

<div class="form-group form-check">
    <input type="checkbox" class="form-check-input" id="exampleCheck1">
    <label class="form-check-label" for="exampleCheck1">Check me out</label>
 </div>

Html bootstrap textarea

<div class="form-group">
  <label for="exampleFormControlTextarea3">Rounded corners</label>
  <textarea class="form-control" id="exampleFormControlTextarea3" rows="7"></textarea>
</div>

Source: mdbootstrap.com

Bootstrap checkbox inline

<div class="form-check form-check-inline">
  <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1">
  <label class="form-check-label" for="inlineCheckbox1">1</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
  <label class="form-check-label" for="inlineCheckbox2">2</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input" type="checkbox" id="inlineCheckbox3" value="option3" disabled>
  <label class="form-check-label" for="inlineCheckbox3">3 (disabled)</label>
</div>

Source: getbootstrap.com

Bootstrap checkbox

<!-- Checkbox & Label -->
<div class="form-check">
	<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
	<label class="form-check-label" for="flexCheckDefault">
		I want to receive news and updates about this product!
	</label>
</div>

Bootstrap checkbox

<div class="form-check">
  <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
  <label class="form-check-label" for="flexCheckDefault">
    Default checkbox
  </label>
</div>

Similar codes

0 vote243 views1 answer
Typo3 link
Html
7 votes172 views5 answers
Markdown comment
Html
0 vote211 views3 answers
How to auto fit image in div
Html
5 votes171 views1 answer
Html how to add jquery
Html
1 vote183 views1 answer
Move table tfoot at top
Html
18 votes165 views2 answers
How to add script in html head
Html
0 vote165 views1 answer
Youtube start end
Html
27 votes174 views2 answers
Coding html ide online
Html
0 vote164 views1 answer
Progress bar bootstrap 5
Html
0 vote179 views1 answer
How to set a max length wtform
Html