1<div class="form-check form-check-inline">
2 <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
3 <label class="form-check-label" for="inlineRadio1">1</label>
4</div>
5<div class="form-check form-check-inline">
6 <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
7 <label class="form-check-label" for="inlineRadio2">2</label>
8</div>
9<div class="form-check form-check-inline">
10 <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3" disabled>
11 <label class="form-check-label" for="inlineRadio3">3 (disabled)</label>
12</div>
1<div class="form-check form-check-inline">
2 <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1">
3 <label class="form-check-label" for="inlineCheckbox1">1</label>
4</div>
5<div class="form-check form-check-inline">
6 <input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
7 <label class="form-check-label" for="inlineCheckbox2">2</label>
8</div>
9<div class="form-check form-check-inline">
10 <input class="form-check-input" type="checkbox" id="inlineCheckbox3" value="option3" disabled>
11 <label class="form-check-label" for="inlineCheckbox3">3 (disabled)</label>
12</div>
1<form>
2 <div class="form-group">
3 <label for="exampleInputEmail1">Email address</label>
4 <input type="email" class="form-control">
5 <small id="emailHelp" class="form-text text-muted">Hello, World</small>
6 </div>
7 </form>
1<div class="form-check">
2 <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
3 <label class="form-check-label" for="exampleRadios1">
4 Default radio
5 </label>
6</div>
7<div class="form-check">
8 <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2">
9 <label class="form-check-label" for="exampleRadios2">
10 Second default radio
11 </label>
12</div>
13<div class="form-check disabled">
14 <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios3" value="option3" disabled>
15 <label class="form-check-label" for="exampleRadios3">
16 Disabled radio
17 </label>
18</div>
1<div class="form-group">
2 <label for="exampleFormControlSelect1">Example select</label>
3 <select class="form-control" id="exampleFormControlSelect1">
4 <option>1</option>
5 <option>2</option>
6 <option>3</option>
7 <option>4</option>
8 <option>5</option>
9 </select>
10 </div>
11 <div class="form-group">
12 <label for="exampleFormControlSelect2">Example multiple select</label>
13 <select multiple class="form-control" id="exampleFormControlSelect2">
14 <option>1</option>
15 <option>2</option>
16 <option>3</option>
17 <option>4</option>
18 <option>5</option>
19 </select>
20 </div>
1<div class="input-group mb-3">
2 <div class="input-group-prepend">
3 <span class="input-group-text" id="basic-addon1">@</span>
4 </div>
5 <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
6</div>
7
8<div class="input-group mb-3">
9 <input type="text" class="form-control" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2">
10 <div class="input-group-append">
11 <span class="input-group-text" id="basic-addon2">@example.com</span>
12 </div>
13</div>
14
15<label for="basic-url">Your vanity URL</label>
16<div class="input-group mb-3">
17 <div class="input-group-prepend">
18 <span class="input-group-text" id="basic-addon3">https://example.com/users/</span>
19 </div>
20 <input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3">
21</div>
22
23<div class="input-group mb-3">
24 <div class="input-group-prepend">
25 <span class="input-group-text">$</span>
26 </div>
27 <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
28 <div class="input-group-append">
29 <span class="input-group-text">.00</span>
30 </div>
31</div>
32
33<div class="input-group">
34 <div class="input-group-prepend">
35 <span class="input-group-text">With textarea</span>
36 </div>
37 <textarea class="form-control" aria-label="With textarea"></textarea>
38</div>