bootstrap Flashcards
(20 cards)
a free front-end framework for faster and easier web
development
Bootstrap
Bootstrap was created at
When was bootstrap made
mid 2010
Who made bootstrap
Mark Otto and Jacob
Thornton
Also known as
Twitter Blueprint.
Bootstrap
How to implement?
<!-- Compiled and minified CSS -->
<link></link>
<!-- Compiled JavaScript and minified JS -->
_____________ class provides a responsive fixed width container
.container
_________________ class provides a full width container, spanning
the entire width of the viewport
.container-fluid
Built with flexbox and allows up to 12
columns across the page.
Bootstrap’s grid system
How many classes does bootstrap 5 grid system has?
six (6)
(extra small devices - screen width less than 576px)
.col-*
(small devices - screen width equal to or greater than 576px)
.col-sm-*
(medium devices - screen width equal to or greater than 768px)
.col-md-*
(large devices - screen width equal to or greater than 992px)
.col-lg-*
(xlarge devices - screen width equal to or greater than 1200px)
.col-xl-*
(xxlarge devices - screen width equal to or greater than 1400px)
.col-xxl-*
Are the padding between your columns, used to responsively
space and align content in the Bootstrap grid system.
Gutters
These classes can be used to control the horizontal gutter
widths.
.g-*
.gx-*
.gy-*
Utilities: Display property
Notation
* .d-{value} for xs
* .d-{breakpoint}-{value} for sm,
md, lg, xl, and xxl.
Where value is one of:
* none
* inline
* inline-block
* block
* grid
* table
* table-cell
* table-row
* flex
* inline-flex