Skip to content

full-stack-web-developer-and-designer/BootstrapForm

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bootstrap form

This repository contain responsive Bootstrap form with inputs, radio buttons, select options, checkbox and textarea. You can use CDN for include Bootstrap to your website or download it and extract to your local folder, as I use in this case. So, for all inputs we add label for input fields that match id for input field. This is important for couple of things: user can click on input name to activate it and on mobile devices user can touch name of input to activate it. Also, this is important for screen readers.

For make all inputs, select and textarea 100% of width we add class form-control and for better spacing between each other we make all inputs, checkboxes and textarea inside div class form-group.

For checkbox we wrap input inside label, so that text goes on the right in this case and we put it inside div class checkbox. We have three inputs for checkbox and for make it inline we add class checkbox-inline to labels.

For submit we add classes btn, btn-default for determine button use and color, and also we add class pull-request for make it right on the screen.

Heading and footer use class text-center for text-align to the center and also we use some custom style in file style.css to add our padding, color, background, position, width and text-decoration.

Also, for input name we add glyphicons icon for success.

PREVIEW