HTML CSS Bootstrap Form Control

HTML CSS examples for Bootstrap:Form Control

Description

Click the following links for the tutorial for Bootstrap and Form Control.

  1. Vertical Form Layout
  2. Horizontal Form Layout
  3. Inline Form Layout
  4. Static Form Control
  5. Form Controls text input
  6. Form Controls select
  7. Form input group
  8. Forms Validation States


  9. Forms with Feedback Icons
  10. All Form Controls
  11. Icons inside Extended Form Controls
  12. Bootstrap Text Formatting
  13. Buttons Checkbox
  14. Buttons Checkbox with Pre-checked Options
  15. Buttons Radio
  16. Buttons Radio with Pre-selected Option


  17. Add Icon to Input Submit Button
  18. Change Default Input Focus Style
  19. Disabled Inputs
  20. Readonly Inputs
  21. Inline Labels
  22. Inline Labels with context
  23. Disabled Fieldsets
  24. Style for Inputs
  25. Placement of Checkboxes and Radios
  26. Inline Checkboxes and Radios
  27. Height Sizing of Inputs and Select Boxes
  28. Column Sizing of Inputs, Textareas and Select Boxes
  29. Height Sizing of Form Groups
  30. Disabled stacked checkboxes and radios
  31. Placing Help Text around Form Controls
  32. Buttons Addons for Text Inputs
  33. Adding Button Dropdowns to Text Inputs
  34. Adding Segmented Dropdown Button Groups
  35. Height Sizing of Input Groups
  36. Creating Full Page Width Jumbotron
  37. Creating Inline Labels
  38. Add contextual classes to emphasize inline labels.
  39. Building Smarter Form Controls with Input Groups
  40. Place checkbox or radio button within input group's addon instead of text.
  41. Input elements with different heights:
  42. Size labels and form controls within a Horizontal form by adding .form-group-*
  43. Size all inputs and other elements inside an .input-group with the .input-group-sm or .input-group-lg classes:
  44. Shows input elements with different widths using different .col-xs-* classes:
  45. Use the .help-block class to add a block level help text in forms:
  46. Perform a case-insensitive search for text inside a div element:
  47. Use the .input-group and .input-group-addon classes to attach an icon or help text next to the input field.