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 vote258 views1 answer
Font myriad pro html
Html
0 vote150 views1 answer
String variable in angular html
Html
0 vote154 views3 answers
Tailwind CSS dropdown
Html
2 votes151 views1 answer
Django html checkbox if condition chexked
Html
9 votes127 views3 answers
Solid black line css
Html
0 vote156 views1 answer
Svelte if in html attribute
Html
0 vote116 views1 answer
How to remove the content of a html element
Html
0 vote136 views2 answers
Tailwind CSS typography
Html
3 votes128 views1 answer
No cache html
Html
2 votes123 views3 answers
Html utf-8
Html