Aug 28, 2020 09:26 AM|Sean Fang|LINK
I suspect that Bootstrap is the more powerful tool, but media queries look like they might be an easier solution for many types of responsive design.
You can treat the bootstrap as the frame or skeleton of the site so that you don't need to create a stylish site from scratch.
It helps you to rearrange at certain breakpoints for different screen sizes or devices, which also takes advantages from media queries.
If you really need to make your own CSS settings, you don't need to change the bootstrap files but simply write your own media queries in self-defined CSS files to restyle your content and apply these CSS styles to elements at certain conditions.
In short, media queries are the CSS mechanism for applying different styles depending on screen size, orientation, and other properties.
Bootstrap is a style and feature framework that leverages media queries, among many other things. The two are not comparable or competitive in any way, just like engines vs cars.
Hope this can help you.