Introducing
Your new presentation assistant.
Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.
Trending searches
Bootstrap Cheat Sheet
1
Bootstrap
CHEAT SHEET
Creating Scalable Images:
Scalable Images
BACK-
GROUND
Background
How do you achieve image scalability using CSS styles in conjunction with Bootstrap's utility classes?
Use the background-size property
FOREGROUND
Foreground
Common techniques for foreground styling include overlays, borders, and text overlays.
Refers to the elements that are placed on top of an image or background.
Use img-fluid to create scalable
images in Bootstrap
Media Queries
Bootstrap's media queries are structured using the min-width and max-width properties
Media Queries
COLUMNS
adjust the number of columns for specific viewports
ELEMENTS
show/hide elements in different viewports
Shows content if the screen is bigger than 768px
Hides elements if the screen width is smaller than 600px
Hides content if the screen is bigger than 576px
Flexbox
Flex Box
Ensures that your layouts remain dynamic and adaptable
Examples of Classes
For grids: container | col | row
Classes
For margin and padding: m-* | p-*
Aligning within containers: align-items-* | justify-content | text-center