Django Utilities
For faster mobile-friendly and responsive development, Bootstrap utilities include dozens of classes for showing, hiding, aligning, and spacing content.
Bootstrap Classes
Bootstrap 4 Cheat Sheet is an online tool that helps you easily find the differences between Bootstrap 3 and Bootstrap 4. Beautiful and easy-to-use, this should be your go-to page if you are looking to upgrade your Bootstrap 3 project or start a new Bootstrap 4 project.
Visit page here: Bootstrap 4 Cheat Sheet
Bootstrap Flexbox
Quickly manage the layout, alignment, and sizing of grid columns, navigation, components, and more with a full suite of responsive flexbox utilities. For more complex implementations, custom CSS may be necessary.
Responsive variations also exist for .d-flex
and .d-inline-flex
.
.d-flex
.d-inline-flex
.d-sm-flex
.d-sm-inline-flex
.d-md-flex
.d-md-inline-flex
.d-lg-flex
.d-lg-inline-flex
.d-xl-flex
.d-xl-inline-flex
Bootstrap Align Left
Bootstrap Align Center
Bootstrap Align Right
Bootstrap Text Alignment
Easily realign text to components with text alignment classes.
Bootstrap Text Left
Left aligned text.
Bootstrap Text Center
Center aligned text.
Bootstrap Text Right
Right aligned text.
Bootstrap Responsive Image
Images in Bootstrap are made responsive with .img-fluid
. max-width: 100%;
and height: auto;
are applied to the image so that it scales with the parent element.