Create responsive website with Bootstrap

Bootstrap tutorial includes all topics such as jumbotron, table, button, grid, form, image, alert, wells, container, carousel, panels, glyphicon, badges, labels, progress bar, pagination, pager, list group, dropdown, collapse,tabs, pills, navbar, inputs, modals, tooltip, popover and scrollspy.

Bootstrap Tutorial


Bootstrap is a free front-end framework for faster and easier web development. Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins. Bootstrap also gives you the ability to easily create responsive designs.

What is Bootstrap?

  • Bootstrap is the most popular HTML, CSS and JavaScript framework for developing a responsive and mobile friendly website.
  • It is absolutely free to download and use.
  • It is a front-end framework used for easier and faster web development.
  • It includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many others.
  • It can also use JavaScript plug-ins.
  • It facilitates you to create responsive designs.

History of Boostrap

Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter. It was released as an open source product in August 2011 on GitHub.


Why Use Bootstrap?

  • Mobile first approach :- Bootstrap 3, framework consists of Mobile first styles throughout the entire library instead them of in separate files.
  • Browser Support :- It is supported by all popular browsers.
  • Easy to use :- Anybody with just basic knowledge of HTML and CSS can start using Bootstrap
  • Responsive features :- Bootstrap's responsive CSS adjusts to phones, tablets, and desktops

What Bootstrap Package Includes?

  • Scaffolding :- Bootstrap provides a basic structure with Grid System, link styles, and background.
  • CSS :- Bootstrap comes with the feature of global CSS settings, fundamental HTML elements style and an advanced grid system.
  • Components :- Bootstrap contains a lot of reusable components built to provide iconography, dropdowns, navigation, alerts, pop-overs, and much more.
  • JavaScript Plugins :- Bootstrap also contains a lot of custom jQuery plugins. You can easily include them all, or one by one.
  • Customize :- Bootstrap components are customizable and you can customize Bootstrap's components, LESS variables, and jQuery plugins to get your own style.