May 2018
Intermediate to advanced
492 pages
12h 3m
English
Bootstrap uses a 12-column grid system to control layout, giving applications a responsive mobile-first foundation on which to build. It automatically scales components as the viewport changes size or shape. The method relies on <div> elements with classes to describe the role each <div> plays in the layout.
The basic layout pattern is as follows:
<div class="container-fluid"> <div class="row"> <div class="col-sm-3">Column 1 content</div> <!-- 25% --> <div class="col-sm-9">Column 2 content</div> <!-- 75% --> </div> <div class="row"> <div class="col-sm-3">Column 1 content</div> <!-- 25% --> <div class="col-sm-6">Column 2 content</div> <!-- 50% --> <div class="col-sm-3">Column 3 content</div> <!-- 25% --> ...
Read now
Unlock full access