1<form>
2 <div class="mb-3">
3 <label for="exampleInputEmail1" class="form-label">Email address</label>
4 <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
5 <div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
6 </div>
7 <div class="mb-3">
8 <label for="exampleInputPassword1" class="form-label">Password</label>
9 <input type="password" class="form-control" id="exampleInputPassword1">
10 </div>
11 <div class="mb-3 form-check">
12 <input type="checkbox" class="form-check-input" id="exampleCheck1">
13 <label class="form-check-label" for="exampleCheck1">Check me out</label>
14 </div>
15 <button type="submit" class="btn btn-primary">Submit</button>
16</form>
1<form>
2 <div class="form-group row">
3 <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
4 <div class="col-sm-10">
5 <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
6 </div>
7 </div>
8 <div class="form-group row">
9 <label for="inputPassword" class="col-sm-2 col-form-label">Password</label>
10 <div class="col-sm-10">
11 <input type="password" class="form-control" id="inputPassword" placeholder="Password">
12 </div>
13 </div>
14</form>
1<div class="form-group">
2 <label for="birthday" class="col-xs-2 control-label">Birthday</label>
3 <div class="col-xs-10">
4 <div class="form-inline">
5 <div class="form-group">
6 <input type="text" class="form-control" placeholder="year"/>
7 </div>
8 <div class="form-group">
9 <input type="text" class="form-control" placeholder="month"/>
10 </div>
11 <div class="form-group">
12 <input type="text" class="form-control" placeholder="day"/>
13 </div>
14 </div>
15 </div>
16</div>
1<form>
2 <div class="form-group row">
3 <label for="inputEmail3" class="col-sm-2 col-form-label">Email</label>
4 <div class="col-sm-10">
5 <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
6 </div>
7 </div>
8 <div class="form-group row">
9 <label for="inputPassword3" class="col-sm-2 col-form-label">Password</label>
10 <div class="col-sm-10">
11 <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
12 </div>
13 </div>
14 <fieldset class="form-group">
15 <div class="row">
16 <legend class="col-form-label col-sm-2 pt-0">Radios</legend>
17 <div class="col-sm-10">
18 <div class="form-check">
19 <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios1" value="option1" checked>
20 <label class="form-check-label" for="gridRadios1">
21 First radio
22 </label>
23 </div>
24 <div class="form-check">
25 <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios2" value="option2">
26 <label class="form-check-label" for="gridRadios2">
27 Second radio
28 </label>
29 </div>
30 <div class="form-check disabled">
31 <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios3" value="option3" disabled>
32 <label class="form-check-label" for="gridRadios3">
33 Third disabled radio
34 </label>
35 </div>
36 </div>
37 </div>
38 </fieldset>
39 <div class="form-group row">
40 <div class="col-sm-2">Checkbox</div>
41 <div class="col-sm-10">
42 <div class="form-check">
43 <input class="form-check-input" type="checkbox" id="gridCheck1">
44 <label class="form-check-label" for="gridCheck1">
45 Example checkbox
46 </label>
47 </div>
48 </div>
49 </div>
50 <div class="form-group row">
51 <div class="col-sm-10">
52 <button type="submit" class="btn btn-primary">Sign in</button>
53 </div>
54 </div>
55</form>
1<form class="row g-3">
2 <div class="col-md-6">
3 <label for="inputEmail4" class="form-label">Email</label>
4 <input type="email" class="form-control" id="inputEmail4">
5 </div>
6 <div class="col-md-6">
7 <label for="inputPassword4" class="form-label">Password</label>
8 <input type="password" class="form-control" id="inputPassword4">
9 </div>
10 <div class="col-12">
11 <label for="inputAddress" class="form-label">Address</label>
12 <input type="text" class="form-control" id="inputAddress" placeholder="1234 Main St">
13 </div>
14 <div class="col-12">
15 <label for="inputAddress2" class="form-label">Address 2</label>
16 <input type="text" class="form-control" id="inputAddress2" placeholder="Apartment, studio, or floor">
17 </div>
18 <div class="col-md-6">
19 <label for="inputCity" class="form-label">City</label>
20 <input type="text" class="form-control" id="inputCity">
21 </div>
22 <div class="col-md-4">
23 <label for="inputState" class="form-label">State</label>
24 <select id="inputState" class="form-select">
25 <option selected>Choose...</option>
26 <option>...</option>
27 </select>
28 </div>
29 <div class="col-md-2">
30 <label for="inputZip" class="form-label">Zip</label>
31 <input type="text" class="form-control" id="inputZip">
32 </div>
33 <div class="col-12">
34 <div class="form-check">
35 <input class="form-check-input" type="checkbox" id="gridCheck">
36 <label class="form-check-label" for="gridCheck">
37 Check me out
38 </label>
39 </div>
40 </div>
41 <div class="col-12">
42 <button type="submit" class="btn btn-primary">Sign in</button>
43 </div>
44</form>