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

3 votes274 views1 answer
Gradient on top of image css
Html
53 votes263 views6 answers
Button html link to another page
Html
0 vote265 views1 answer
Html border dashed spacing
Html
3 votes278 views1 answer
Error: input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.
Html
1 vote281 views1 answer
Div right and left
Html
0 vote238 views10 answers
How to create a snake game in html css js
Html
2 votes270 views1 answer
Blade show text with html tag
Html
36 votes226 views2 answers
Justify-content css
Html
13 votes261 views4 answers
Sticky top bootstrap 4
Html
30 votes266 views5 answers
Open new tab when clicking link html
Html