--- layout: examples title: Checkout example extra_css: - "checkout.css" extra_js: - src: "checkout.js" body_class: "bg-light" ---

Checkout form

Below is an example form built entirely with Bootstrap’s form controls. Each required form group has a validation state that can be triggered by attempting to submit the form without completing it.

Your cart 3

  • Product name
    Brief description
    $12
  • Second product
    Brief description
    $8
  • Third item
    Brief description
    $5
  • Promo code
    EXAMPLECODE
    −$5
  • Total (USD) $20

Billing address

Valid first name is required.
Valid last name is required.
@
Your username is required.
Please enter a valid email address for shipping updates.
Please enter your shipping address.
Please select a valid country.
Please provide a valid state.
Zip code required.


Payment

Full name as displayed on card
Name on card is required
Credit card number is required
Expiration date required
Security code required