Bootstrap 4 Cheat Sheet - list of Bootstrap classes

Olivia · · 2568 Views
Bootstrap 4 Cheat Sheet - list of Bootstrap classes

Responsive breakpoints 

// Extra small devices (portrait phones, less than 576px)

// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)

@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)

@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)

@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)

@media (min-width: 1200px) { ... }

// Extra small devices (portrait phones, less than 576px)

@media (max-width: 575.98px) { ... }

// Small devices (landscape phones, less than 768px)

@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px)

@media (max-width: 991.98px) { ... }

// Large devices (desktops, less than 1200px)

@media (max-width: 1199.98px) { ... }

// Extra large devices (large desktops)

// No media query since the extra-large breakpoint has no upper bound on its width

0

Please login or create new account to add your comment.

0 comments
You may also like:

Steps to Buy BRC20 Tokens

BRC20 tokens are the latest release in the Binance chain that is inciting interest among crypto enthusiasts, The fungible token standard opened new prospects for DeFi and other (...)
Rebba Lancaster

How To Develop a Ludo Game in IOS Platform?

1. Setting Xcode: Install it, which is the integrated development environment (IDE) for iOS app development. It includes the necessary tools and frameworks for building iOS apps. (...)
Kenny William

Important Questions to Ask a Mobile App Developer

If your company does not already have a mobile app, you might be missing out on a significant opportunity to make new sales. Modern consumers depend heavily on their smartphones (...)
Narola Infotech

CSS3 Cheat sheet - tags and attributes

Using CSS day-to-day? Whether you’re a super savvy web developer or just someone who wants to learn web development, this CSS cheat sheet should help you out.
Olivia

How to Add a Drop Shadow to PNG Image?

Shadows on the image always give it a new look and make it eye-catching.
Razet

20+ cool CSS Animated Buttons

1.Creative Button Animation Effects | Only Using HTML & CSS
Razet