Bootstrap Example

From Level Access Web Labs
Revision as of 23:19, 25 January 2018 by Rmccaffery (talk | contribs)
Jump to navigation Jump to search

<!DOCTYPE html> Bootstrap Example

Form Examples

Individual form controls automatically receive some global styling. All textual <input>, <textarea>, and <select> elements with .form-control are set to width: 100%; by default. Wrap labels and controls in .form-group for optimum spacing.

Button Examples:


  • Insufficient color contrast for multiple button classes

Table Example:

Table with alternating striped rows:

First Name Last Name Username
Tim Springer tspringer
John Doe joe
Bob Smith bsmith
Tom Hanks thanks

Image Shapes:
SSB Bart Group SSB Bart Group SSB Bart Group


Full list of available glyphs at:


  • These are rendered via CSS pseudo classes
  • These are not displayed when CSS is disabled
  • Alternative text cannot be added to these
  • Browsers/systems without all font families may not render these


JavaScript Examples:

NOTE: To use the Bootstrap JavaScript libraries, you must have jQuery.

Modal Example