Solved

Bootstrap Framework

Posted on 2014-11-21
9
116 Views
Last Modified: 2014-12-08
Hi,

I'm in the process of designing / building a new admin / type website.

I was hoping to use an existing framework for the html / css front end.

Is Bootstrap (http://getbootstrap.com) still the leading front end framework out there?

Thanks in advance for your help
0
Comment
Question by:oo7ml
  • 3
  • 3
  • 2
  • +1
9 Comments
 
LVL 1

Assisted Solution

by:AndyPandaX
AndyPandaX earned 150 total points
Comment Utility
Hi,

Boot strap is really hot right now and definatley a leading framework. Just google bootstrap themes etc and you will find some  stunning sites
0
 

Author Comment

by:oo7ml
Comment Utility
Cool, my only worry is that it might be too bloated.

Can you recommend any good resources / books / videos for getting started with it, thanks again.
0
 
LVL 1

Expert Comment

by:AndyPandaX
Comment Utility
Well you have the w3 ones which are good and comprehensive

http://www.w3schools.com/bootstrap/

But I always prefer Youtube, theres tons on there. Not sure if Lynda.com do any.

As for bloatness, yeah they have a lot behind them, but gzip on the server etc helps with this. We have sites with bootstrap themes and they are very fast
0
 
LVL 36

Assisted Solution

by:Loganathan Natarajan
Loganathan Natarajan earned 100 total points
Comment Utility
There are lot of free/paid templates/themes available to learn/implement for your projects.

I use this site for free templates
0
Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

 
LVL 58

Accepted Solution

by:
Gary earned 250 total points
Comment Utility
Bootstrap is the dominant responsive framework, have a read of my article here

Yes it can be bloated, but if you are using a cdn for the files it's not much to worry about
There is a plugin for FF called DustMe, create a sitemap of your site, open up DustMe and it will create a stripped version of the css containing only the classes you use.
0
 

Author Comment

by:oo7ml
Comment Utility
Great, thanks for all the help.

I'll start reading that article now.

What is te difference between the two downloads on the Bootstrap website?
0
 
LVL 58

Expert Comment

by:Gary
Comment Utility
Do you mean this
http://getbootstrap.com/customize/

It just lets you omit anything you don't need from the css, ergo a smaller file.
If you are just starting then go for the full download so you can play around with the various elements.
0
 

Author Comment

by:oo7ml
Comment Utility
That's cool... but sorry no i was referring to the options here:

http://getbootstrap.com/getting-started/#download
0
 
LVL 58

Expert Comment

by:Gary
Comment Utility
First link is standard CSS, second and third are LESS and SASS which are CSS precompilers (just google them)
0

Featured Post

Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now