What is better - Using Bootstrap or Media queries?

CyberAlchemist

Well-known member
Registered
Joined
Feb 9, 2013
Messages
112
Points
18
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

Well-known member
Registered
Joined
Jan 8, 2016
Messages
103
Points
0
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

Well-known member
Registered
Joined
Apr 3, 2015
Messages
1,027
Points
83
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
 

HCFGrizzly

Well-known member
Registered
Joined
Jan 8, 2016
Messages
103
Points
0
HCFGrizzly
It is these features that bloat the website. Sure, the features are nice, but what if you don`t need them?
I can make you the same website without Bootstrap and I guarantee you that the css+js files will be only 30% in size compared to your bootstrap. (and I`m talking about the minified versions)
I`m tired to see 10 classes strapped to a container because of bootstrap.
 

tarunap

Member
Registered
Joined
Jun 10, 2015
Messages
33
Points
8
Bootstrap always.. Speed in Developing, Easy in customizing, consistency, bundled with javascript plugins
 

ron13315

Well-known member
Registered
Joined
Jul 23, 2014
Messages
177
Points
0
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

Member
Registered
Joined
Jan 30, 2016
Messages
29
Points
0
Boostrap, unless you have (or are) a really good frontend developer.
 

Marc0

Well-known member
Registered
Joined
Jun 6, 2012
Messages
890
Points
28
Marc0
Have you used Boostrap before? what features of Boostrap do you like best?

For me, Boostrap is fast and easy to create simple website templates that standard in responsive design.
 

EpicGlobalWeb

Well-known member
Registered
Joined
Jan 24, 2016
Messages
180
Points
0
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

Well-known member
Registered
Joined
Jan 8, 2016
Messages
103
Points
0
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

Well-known member
Registered
Joined
Feb 9, 2013
Messages
112
Points
18
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.

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?

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

Well-known member
Registered
Joined
Jul 23, 2014
Messages
177
Points
0
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>
 

HCFGrizzly

Well-known member
Registered
Joined
Jan 8, 2016
Messages
103
Points
0
HCFGrizzly
From what I remember you are the one that ads those lines in your html page. So if you don` want js, just don`t link to it. No point in adding and then deleting it.
 

ron13315

Well-known member
Registered
Joined
Jul 23, 2014
Messages
177
Points
0
ron13315

Oopsss Sorry. i only assume other using already made bootstrap template that they can say it can bloat their site. Thats why i recommend to delete the JS files because for me the bootstrap css is almost perfect.-
 

keenweb

Member
Registered
Joined
Jan 23, 2017
Messages
55
Points
0
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.
 
Older Threads
Newer Threads
Latest Threads
Recommended Threads

Latest Hosting OffersNew Reviews

Sponsors

Tag Cloud

You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.

Top