I have used Bootstrap a couple of times in the past for my site, it is a good framework and easy to use, however, I switched to Foundation because it has more features, and is more logical for me. I think if you try it, you also will like.
Foundation has its origins in the ZURB style guide which they used on all their client projects. They decided a framework was needed that allowed them to prototype rapidly. They took their global CSS, jQuery plugins, common elements and best practices, and whipped them into what became Foundation, which was first released in 2011, now Foundation 5. You can read more about it on their site.
According to thier site: “We made Foundation free because we love what we do — help people design better products. We use it for every project we do, whether it’s a client project or an internal one. And if it helps us do what we do, then it certainly can help others as well. In fact, we’ve got thousands and thousands of fans across the globe who get a lot out of using Foundation ”. Read more on their site: 11 Things You Didn’t Know About Foundation, it’ is a fun site to visit.
To get started watch the video below, it is on Foundation 4, but the principles still hold true.
After you have watched the video had over to and download Foundation.
<ul id="featured1" data-orbit data-options="pause_on_hover:false; timer_speed:5000;">
Place this code in your header. View original article on Zurb.
<!--[if lt IE 9]>
Then to fix the rem issue, just add a link to this polyfill js file at the bottom of your body tag: Get .js from Github »
Books and Links
Foundation is one of the most widely-used responsive frameworks currently available for designers to use free! It is a fully responsive flexible grid system framework with Semantic code, it uses a mobile first approach to coding so it will work across all devices. You can rapidly build sites without having to build the frame yourself. The wonderful people at Zurb already did it for us.