rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-12 09:54:25 +01:00
Code Issues Actions Packages Releases Activity

examples: Fix checkout page (#29886)

Browse Source
This commit is contained in:
Martijn Cuppens 2019-12-20 08:00:49 +01:00 committed by XhmikosR
parent 7d2f24ed02
commit 31038b03ba
1 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
site/content/docs/4.3/examples/checkout/index.html
View File

@ -122,7 +122,7 @@ body_class: "bg-light"
<div class="row"> <div class="row">
<div class="col-md-5 mb-3"> <div class="col-md-5 mb-3">
<label for="country">Country</label> <label for="country">Country</label>
<select class="custom-select d-block w-100" id="country" required> <select class="form-select" id="country" required>
<option value="">Choose...</option> <option value="">Choose...</option>
<option>United States</option> <option>United States</option>
</select> </select>
@ -132,7 +132,7 @@ body_class: "bg-light"
</div> </div>
<div class="col-md-4 mb-3"> <div class="col-md-4 mb-3">
<label for="state">State</label> <label for="state">State</label>
<select class="custom-select d-block w-100" id="state" required> <select class="form-select" id="state" required>
<option value="">Choose...</option> <option value="">Choose...</option>
<option>California</option> <option>California</option>
</select> </select>
@ -149,30 +149,30 @@ body_class: "bg-light"
</div> </div>
</div> </div>
<hr class="mb-4"> <hr class="mb-4">
<div class="custom-control custom-checkbox"> <div class="form-check">
<input type="checkbox" class="custom-control-input" id="same-address"> <input type="checkbox" class="form-check-input" id="same-address">
<label class="custom-control-label" for="same-address">Shipping address is the same as my billing address</label> <label class="form-check-label" for="same-address">Shipping address is the same as my billing address</label>
</div> </div>
<div class="custom-control custom-checkbox"> <div class="form-check">
<input type="checkbox" class="custom-control-input" id="save-info"> <input type="checkbox" class="form-check-input" id="save-info">
<label class="custom-control-label" for="save-info">Save this information for next time</label> <label class="form-check-label" for="save-info">Save this information for next time</label>
</div> </div>
<hr class="mb-4"> <hr class="mb-4">
<h4 class="mb-3">Payment</h4> <h4 class="mb-3">Payment</h4>
<div class="d-block my-3"> <div class="d-block my-3">
<div class="custom-control custom-radio"> <div class="form-check">
<input id="credit" name="paymentMethod" type="radio" class="custom-control-input" checked required> <input id="credit" name="paymentMethod" type="radio" class="form-check-input" checked required>
<label class="custom-control-label" for="credit">Credit card</label> <label class="form-check-label" for="credit">Credit card</label>
</div> </div>
<div class="custom-control custom-radio"> <div class="form-check">
<input id="debit" name="paymentMethod" type="radio" class="custom-control-input" required> <input id="debit" name="paymentMethod" type="radio" class="form-check-input" required>
<label class="custom-control-label" for="debit">Debit card</label> <label class="form-check-label" for="debit">Debit card</label>
</div> </div>
<div class="custom-control custom-radio"> <div class="form-check">
<input id="paypal" name="paymentMethod" type="radio" class="custom-control-input" required> <input id="paypal" name="paymentMethod" type="radio" class="form-check-input" required>
<label class="custom-control-label" for="paypal">PayPal</label> <label class="form-check-label" for="paypal">PayPal</label>
</div> </div>
</div> </div>
<div class="row"> <div class="row">