Saturday, January 14, 2012

Responsive wed design using bootsrap

From the time I wrote the blog post on responsive web design I had been  looking for a neat library which supports responsive web design. Today while I was searching around I found that the next release of bootstrap is being developed to have responsive design support.

Quoting from the documentation,


What they do:  Media queries allow for custom CSS based on a number of conditions—ratios, widths, display type, etc—but usually focuses around min-width and max-width.


Modify the width of column in our grid
Stack elements instead of float wherever necessary
Resize headings and text to be more appropriate for devices

Since this is not in the release version as of now I would have to use the in development version which can be found as a branch on the github, https://github.com/twitter/bootstrap/tree/2.0-wip

Those who want to give it a try might be interested in playing around with it. I had decided that YIT web site is going to be a responsive design ;) Lets see!

No comments:

Post a Comment