qld__gridCopy
|
This class is used to define a grid layout for organizing content on the web page.
|
containerCopy
| The
.container
class is used to wrap the site's contents and create a responsive fixed-width container. It means the container's width changes at predefined breakpoints depending on the size of the screen.
|
container-fluidCopy
| Similar to
.container
, the
.container-fluid
class is used for a full-width container that spans the entire width of the viewport. This container adjusts fluidly as the size of the viewport changes. This is often used when you want the content to take the entire width of the screen without the horizontal paddings that
.container
provides.
|
rowCopy
| The
.row
class is used within a
.container
or
.container-fluid
to create horizontal groups of columns. This forms the basis of the grid system which is based on flexbox. The
.row
class is used to create the horizontal sections in which you can define your columns.
|
col-{breakpoint}-{columns}Copy
|
Controls the width of a col based on the users current viewport.
|
col-{breakpoint}-push-{columns}Copy
|
Controls the visual order of columns by pushing a column forward. |
col-{breakpoint}-pull-{columns}Copy
|
Controls the visual order of columns my pulling a column backward. |
col-{breakpoint}-offset-{columns}Copy
|
Offset a col by a specified number of columns by using the offset class name.
|
