Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Best Practice 'Bootstrap 4 Media Queries' Examples?

Featured Lock Resolved Issue
Simple question but seeking clarification.

Would you be happy using the following Bootstrap 4 Media Queries in your custom.css file?


// 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) { ... }


As I believe that Helix Ultimate / SP Pagebuilder 3 is not yet compatible with the newer source CSS in Sass that you can include via Sass Mixins:


@include media-breakpoint-up(xs) { ... }
@include media-breakpoint-up(sm) { ... }
@include media-breakpoint-up(md) { ... }
@include media-breakpoint-up(lg) { ... }
@include media-breakpoint-up(xl) { ... }


Thanks in advance.

1 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Currently you can only use css media queries in your custom.css file. Not bootstrap 4 media queries.

-Best Regards


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 103
Toufiq

Toufiq

Total Accepted Answers: 82
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 67
Ofi Khan

Ofi Khan

Total Accepted Answers: 49
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 31

121

Templates

314931

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us