Bootstrap Selectbox Code Example


Example 1: 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>

Example 2: 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>

Example 3: bootstrap select input

<div class="form-group">     <label for="exampleFormControlSelect1">Example select</label>     <select class="form-control" id="exampleFormControlSelect1">       <option>1</option>       <option>2</option>       <option>3</option>       <option>4</option>       <option>5</option>     </select>   </div>   <div class="form-group">     <label for="exampleFormControlSelect2">Example multiple select</label>     <select multiple class="form-control" id="exampleFormControlSelect2">       <option>1</option>       <option>2</option>       <option>3</option>       <option>4</option>       <option>5</option>     </select>   </div>

Example 4: bootstrap select

<select class="custom-select">   <option selected>Open this select menu</option>   <option value="1">One</option>   <option value="2">Two</option>   <option value="3">Three</option> </select>

Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable