Forms in Bootstrap - English

Play
Current Time 0:00
/
Duration Time 0:00
Remaining Time -0:00
Loaded: 0%
Progress: 0%
0:00
Fullscreen
00:00
Mute

1607 visits

  1. Instruction Sheet
  2. Installation Sheet
  3. Report Missing Component
  4. Post your Question on the Forum
Outline:
Forms in Bootstrap

Creating various form controls 
About Input box, select box, read-only plain text, check box and radio buttons
Demonstration of the above controls with examples
Various Bootstrap classes for designing and styling form elements
How to use .form-group class to create a proper form layout?
How to use .form-control class for styling?
About help text with example
About File inputs with example
Observe the 2-column layouts form used in laptop and desktop in responsive design mode
Observe the single column layout form used for tablets and mobile
Width:952 Height:706
Duration:00:12:07 Size:5.9 MB

Show video info

Pre-requisite

Color Classes in Bootstrap

  Assignment

Code files

  • Forms-in-Bootstrap-CodeFiles/
  • Forms-in-Bootstrap-CodeFiles/Form.txt
  • Forms-in-Bootstrap-CodeFiles/Form.html

Script

Slides

  • Slides-Forms-in-Bootstrap/
  • Slides-Forms-in-Bootstrap/spoken.png
  • Slides-Forms-in-Bootstrap/Forms-in-Bootstrap.tex
  • Slides-Forms-in-Bootstrap/Forms-in-Bootstrap.pdf