Bootstrap vs Foundation. It’s the age old fight of the frameworks. The two main contenders are still battling it out but here at kc web design kent we’re using both on 2 different projects so thought I’d write a little about how I feel about the two frameworks.

At kc web design kent we’re currently using the Zurb Foundation framework on a website design project and the Twitter Bootstrap framework on an internal project and a big web app design project. So how do they stack up? I’m a big fan of frameworks, anything that saves time on processes that you do again and again is a good thing, and these frameworks do that very well. They give you all the building blocks to create great websites, in fact you can quite easily get a basic website up and running using one of these frameworks within a few hours (it wouldn’t look great though, but would work well as a wireframe or prototype). There is a danger of lots of websites springing up that use these frameworks all looking the same so its important to use them as starting points and to make sure that your unique design is crafted onto the framework. Use them as a starting point and not as a theme.

While using both frameworks on website design projects at kc web design kent a few points worth noting have come to light. If you want more themes and plug and play components for your framework then choose Twitter Bootstrap – It seems to have far more community generated resources than Zurb Foundation and is very easy to find ready made themes and website templates that you can stick on top of the basic framework. Zurb Foundation on the other hand feels like the more ‘grown-up’ framework. It feels a bit more logical, the documentation and examples are better and the grid feels a bit easier to use. To be fair though, there’s really not much in it and at the end of the day, like it does here at kc web design kent, it’ll all come down to personal preference. Try them both and decide for yourself.