1

I tried but could not find a satisfactory answer. I want to use Twitter bootstrap to make my designs responsive. I get PSDs in different sizes i.e. 1200, 1024, 980, 960 etc and I create a #wrap of 1200, 1024, 980, 960 accordingly and then do all design within that wrap. I am confused about Bootstrap. My question is can I apply Responsive bootstrap only on PSD that is designed on BootStrap Grid or can i use responsive bootstrap on any sized PSD? If Yes then how can I use it with every PSD?

1 Answer 1

5

Bootstrap is using certain breakpoints to change the appearence on different devices - some detailed information: http://twitter.github.com/bootstrap/scaffolding.html#responsive

The 'normal' bootstrap version has 12 cols but you can redefine the ColumnWidth and the gutterWidth. There are also 16 cols bootstrap versions like http://lightglitch.github.com/bootstrap-xtra/ or even 24 cols grids - try google.

So best practice, from PSD to HTML would be, for me, to do the designs in the intended grids and media resolutions, and to suggest that at the start of a new project to the designer.

The harder way would be: Look how bootstrap did it, and build your own little framework to fit with your PSD.

Your Answer

Reminder: Answers generated by Artificial Intelligence tools are not allowed on Stack Overflow. Learn more

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.