Since Twitter BootStrap is a Responsive Framework, I am wondering if it can be plugged into any site.
In other words, if I don’t have control over the team which is designing the web-pages then can I take their design (where elements like container, header, navigation etc can be of any dimensions) and make it responsive using BootStrap.
Or does BootStrap expects the web-design to be in certain dimensions in order to work properly.
Are there any other popular CSS Responsive libraries that can be easily plugged in?
Edit: based on Paul’s comments, I realised my question is not too clear. So here we go:
I am essentially looking for a Responsive CSS library which is flexible (or tweakable) on the width/padding/margins of different elements. Most of the responsive libraries out their requires that website needs to be of say 1440px or 960px wide and then they give ‘N’px of padding/margins to different containers. At the end, I know that no matter which library I choose, its CSS needs to be modified for my design. So is BootStrap easily tweakable or should I go for some other library?
Thanks,
Jags
For sure the same classes used from Bootstrap can help you in responsive but it use also class like
rowandspan12,span9, etc…So I think that is quite complex to use a framework on an existing website.
The best way is to create it manually, from Bootstrap you can just copy the
media queriesand having a look around on how it make all the elements responsive.There are also many other framework that do that, Bootstrap is not the only one, using Google you can find many of these framework but Bootstrap is the best.
Few other frameworks:
A good blog post: http://speckyboy.com/2011/11/17/15-responsive-css-frameworks-worth-considering/
Edit:
With Bootstrap you can customize many things before downloading the framework.
Simply go here: http://twitter.github.com/bootstrap/customize.html
As you can see you can change colors, font, etc… and number of columns, paddings, gutters, margins, etc… so maybe it fit very well what you’re looking for. Hope it help.