What is better - Using Bootstrap or Media queries?

CyberAlchemist · Jan 27, 2016

Hey everyone!

I have been researching this topic on the forum but I'm still a little confused... I'm building a simple website for a client. Now my client wants it to be fully responsive for mobile/handheld devices. So what should I do next? Making layouts for website using responsive frameworks like Bootstrap? What is better - using Bootstrap or media queries?

HCFGrizzly · Jan 27, 2016

CyberAlchemist said:
Hey everyone!

I have been researching this topic on the forum but I'm still a little confused... I'm building a simple website for a client. Now my client wants it to be fully responsive for mobile/handheld devices. So what should I do next? Making layouts for website using responsive frameworks like Bootstrap? What is better - using Bootstrap or media queries?

There can be a big debate here. I will just tell you my personal preference.
I would prefer to use media queries. Bootstrap tends to be an overkill and because of the big files it has it will slow your website loading speed.
People would argue that you should use bootstrap because it will be less work, but if you want to do customizations you will end up doing more work than in the first place.

RDO Servers · Jan 27, 2016

I actually prefer Bootstrap.
The JavaScript & CSS files are light enough to not cause a problem (especially when you use a CDN) and it has a lot of really good and useful features included.

You can always overnight CSS rules at the page level if needed.

~David

tarunap · Jan 28, 2016

Bootstrap always.. Speed in Developing, Easy in customizing, consistency, bundled with javascript plugins

ron13315 · Jan 31, 2016

Use bootstrap CSS and delete the JS files. Thats how i use bootstrap. Even if you create responsive template from scratch, in the end it will end up like bootstrap.

jeffhowell · Feb 2, 2016

Boostrap, unless you have (or are) a really good frontend developer.

EpicGlobalWeb · Feb 2, 2016

Bootstrap mainly uses 4 media queries - extra small, small, medium, and large. The hard work is done for you. On top of that, everyone who has ever used Twitter or any Bootstrap-developed site already has the Bootstrap library cached so load times aren't all that affected. When your site is intranet or really large or application specific are the only times when I consider not using it.

HCFGrizzly · Feb 2, 2016

CyberAlchemist said:
Hey everyone!

I have been researching this topic on the forum but I'm still a little confused... I'm building a simple website for a client. Now my client wants it to be fully responsive for mobile/handheld devices. So what should I do next? Making layouts for website using responsive frameworks like Bootstrap? What is better - using Bootstrap or media queries?

OP, considering the answers, what option did you choose? It seems you aren`t very interested in your own thread.

CyberAlchemist · Feb 2, 2016

HCFGrizzly said:
There can be a big debate here. I will just tell you my personal preference.
I would prefer to use media queries. Bootstrap tends to be an overkill and because of the big files it has it will slow your website loading speed.
People would argue that you should use bootstrap because it will be less work, but if you want to do customizations you will end up doing more work than in the first place.

I agree with this opinion but I think that using media queries with small pages and boostrap for large website projects.

ron13315 said:
Use bootstrap CSS and delete the JS files. Thats how i use bootstrap. Even if you create responsive template from scratch, in the end it will end up like bootstrap.

What do you mean for deleting the JS files?

HCFGrizzly said:
OP, considering the answers, what option did you choose? It seems you aren't very interested in your own thread.

I like using both ways, but as said above, I would use media queries for small web projects or simple pages

ron13315 · Feb 3, 2016

I meant i only use bootraps CSS not the JS. you can delete the js folder.

delete something like this from your source code.

<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>

keenweb · Feb 3, 2017

Bootstrap makes life much easier, unless you have a great developing skills then you can consider other options.. but it also come downs to individuals preference to be fair.

JohnnyK · Apr 21, 2017

Bootstrap is my choice, I believe in it.

What is better - Using Bootstrap or Media queries?

Well-known member

Well-known member

Well-known member

Member

Well-known member

Member

Well-known member

Well-known member

Well-known member

Well-known member

Member

Member

Sponsors

Tag Cloud