Midtrem - Bootstrap Flashcards
provides a responsive fixed width container
.container
.container-fluid
class provides a full width container, spanning the entire
width of the viewport (width is always 100%)
add a large top padding
.pt-5
classes to determine when the container
should be responsive.
.container-sm|md|lg|xl
Bootstrap’s grid system is built with flexbox and allows up to
12 columns across the page.
The Bootstrap 5 grid system has six classes:
.col
.col-sm
.col-md
.col-lg
.col-xl
.col-xxl
Display Headings have six classes to choose from:
.display-1 to .display-6:
is used to create a smaller, secondary text in any heading
< small > or .small
will style a yellow background color and some padding
< mark > or .mark
The classes for text colors are:
.text-muted
.text-primary
.text-success
.text-info
.text-warning
.text-danger
.text-secondary
.text-white
.text-dark
.text-body
are used to stand out more than normal headings (larger font-size and lighter font-weight)
Display headings
will style the HTML element with a dotted border bottom and a cursor with question mark on hover
< abbr >
when quoting blocks of content from another source
.blockquote or
< blockquote >
when naming a source
.blockquote-footer
< dl >
Description lists