Bootstrap 4 Cheat Sheet - list of Bootstrap classes

Olivia · · 2836 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:

The Ultimate Guide to On-Page Optimization: How to Leverage the Most Influential SEO Element

What is on-page optimization? On-page optimization is the practice of optimizing individual web pages to improve their search engine rankings and attract more organic traffic. (...)
maayodiya

Streamlining Your CSS Workflow with Stylelint in VSCode

How to streamline your CSS workflow by setting up and leveraging the power of Stylelint in the popular code editor, Visual Studio Code (VSCode).
Harish Kumar

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