Forum1

Bootstrap has ended up being one of the trendiest front-end systems in the entire web design industry. Before it got to be open-source, Bootstrap was firstly distinguished as a Twitter Blueprint. Bootstrap is responsive, portable to begin with, winning, and front-end structure, which is produced alongside CSS, JavaScript, and HTML. There are predefined classes in bootstrap that can be used to construct up the front end of the pages, which perfect for most browsers and across devices, in a brief length of time which generally would be an exceptionally tedious errand.

Bootstrap is an open source, sleek, intuitive, and powerful, mobile first front-end framework for faster and easier web development.

Here is an example with a detailed explanation:

To create a dismissal alert − Add a basic alert by creating a wrapper <div> and adding a class of .alert and one of the four contextual classes, for example, .alert-success, .alert-info, etc. Also add optional .alert-dismissable to the above <div> class. Add a close button.

A card is bordered box with padding surrounding its content. It has options for headers, footers, content, and colors, among other things.

Lead adds some emphasis to a paragraph. The .lead class is used to achieve this and it makes the font larger, taller, and lighter in weight.

Bootstrap includes 260 glyphs from the Glyphicon Halflings set. Glyphicons Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, you should include a link back to Glyphicons whenever possible.

The grid system helps align page elements based on sequenced columns and rows. We use this column-based structure to place text, images, and functions in a consistent way throughout the design.

A well is a container in <div> that causes the content to appear color or an inset effect on the page. To create a well, simply wrap the content that you would like to appear in the well with a <div> containing the class of .well

Bootstrap's thumbnails are used to show linked images in grids with very minimum required markup, a thumbnail is created using class .thumbnail within the element <a>, The column grids are created using class .col-sm-* and .col-md-*, it is used to create grids of the images