Bootstrap Forms

New

Forms classes

  • .form-group
  • .form-group form-check
  • .form-inline
  • .nav flex-column
  • .custom-control custom-checkbox
  • .custom-control custom-radio
  • .custom-control custom-radio custom-control-inline
  • .custom-select-sm*
  • .custom-range
  • .custom-file-inpu
    • .form-check
    • .form-check mb-2 mr-sm-2
    • .form-check-inline
    • .custom-control-input
      • .form-check-label
      • .form-control
      • .form-control-sm*
      • .form-control-lg
      • .form-control-plaintext
      • .form-control-range
      • .form-control-file border
      • .custom-control-label
        • .form-check-input

Input groups classes

  • .input-group mb-3
  • .input-group mb-3 input-group-sm
    • .input-group-prepend
    • .form-control
      • .input-group-text

The Exercise of Forms



form-group



form-inline



Input



Selection



Range & File





Input Group

Name:
@
@google.com


Custom Form