Bootstrap is an open source toolkit for developing with HTML, CSS,
and JS. Quickly prototype your ideas or build your entire app with
our Sass variables and mixins, responsive grid system, extensive
prebuilt components, and powerful plugins built on jQuery.
-
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 responsive web design?
Responsive web design is about creating web sites which
automatically adjust themselves to look good on all devices, from
small phones to large desktops.
Looking to quickly add Bootstrap to your project? Use BootstrapCDN,
provided for free by the folks at StackPath. Using a package manager
or need to download the source files? Head to the downloads page.
Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter,
and released as an open source product in August 2011 on GitHub.
In June 2014 Bootstrap was the No.1 project on GitHub!
Bootstrap's grid system allows up to 12 columns across the page.
Bootstrap's grid system is responsive, and the columns will
re-arrange automatically depending on the screen size.
The Bootstrap grid system has four classes:
xs
(for phones - screens less than 768px wide)
-
sm
(for tablets - screens equal to or greater than
768px wide)
-
md
(for small laptops - screens equal to or greater
than 992px wide)
-
lg
(for laptops and desktops - screens equal to or
greater than 1200px wide)
The classes above can be combined to create more dynamic and
flexible layouts.
Basic Structure of a Bootstrap Grid
The following is a basic structure of a Bootstrap grid:
...
First, create a row with:
Then, add the desired number of columns (tags with appropriate
.col-*-*
classes). Note that numbers in
.col-*-*
should always add up to 12 for each row.
All the content on this page can be found at
W3schools
and I claim no rights of ownership over this content. This site was
developed just for educational purposes.