Bootstrap

Description

Bootstrap is an open-source JavaScript (JS) framework which is the combination of HTML 5, CSS3 and JavaScript (JS) programming language to build user interface components. Bootstrap is mainly developed to provide more and more advanced features for developing the responsive website within a short period of time.

Download and Installing Bootstrap

• File structure
• Bootstrap template

Bootstrap Grid System

• Grid, Bootstrap Grid System
• Mobile FIRST STRATEGY
• Bootstrap Grid System
• Media Queries

Grid Options

• Responsive Column resets
• Offset / Nested columns
• Column ordering
• Creating Layouts with Bootstrap

Bootstrap CSS Overview

• HTML5 Doctype
• Responsive Images
• Containers

Bootstrap Typography

• Headings, Inline sub headings
• Emphasis, Abbreviations
• Addresses, Block quotes, Lists

Bootstrap Tables

• Basic table
• Optional table classes
• Stripped / Bordered / Hover table
• Condensed / Responsive tables

Bootstrap Forms

• Form layout, Vertical/Basic form
• Inline / Horizontal form
• Supported form controls
• Checkboxes, Radios
• Selects, Form Control states
• Form Control Sizing, Help text

Bootstrap Buttons

• Button Size / State
• DISABLED State
• Buttons tags

Bootstrap Images

• image-rounded
• image-circle, image-thumbnail

Bootstrap Helper Classes

• Close icon
• Clearfix
• Carets, Quick floats
• Center Content blocks
• Showing & hiding content
• Screen reader content

Bootstrap Responsive utilities

• visible-xs, visible-sm
• visible-md, visible-lg

Print Classes

• visible-print
• hidden-print

Print Classes

• visible-print
• hidden-print

Bootstrap Glyphicons

Bootstrap Dropdowns

Bootstrap Button Groups

• Bootstrap input groups
• Bootstrap Navigation Elements
• Bootstrap Navbar
• Pagination
• Bootstrap Badges
• Bootstrap Alerts
• Bootstrap Progress Bars
• Bootstrap Media Object
• Bootstrap list group
• Bootstrap Panels
• Bootstrap wells
• Bootstrap Plugins Overview