New grid system coming to Bootstrap 2

Bootstrap 2 brings new responsive features and a large part of that is the grid system at its core. With BS2, we’ll be leaving behind our 16-column overlords and moving to a flexible 12-column grid system. Nothing substantial should change in your use …


This content originally appeared on @mdo and was authored by Mark Otto

Bootstrap 2 brings new responsive features and a large part of that is the grid system at its core. With BS2, we’ll be leaving behind our 16-column overlords and moving to a flexible 12-column grid system. Nothing substantial should change in your use of Bootstrap, but I wanted to share some thoughts about this new (to Bootstrap) approach.

To date, mobile and tablet devices were all virtually ignored. No more–Bootstrap 2 will provide support for mobile devices out of the gate. Responsive features will be available and should provide at least some level of support for all our major components.

By leaving the 16-column grid system behind, we save some headaches and streamline some code. 16-columns required extra CSS for a 3-column layout and we were including an extra 8 columns for those wishing to add 24-column support. No more. We’ve removed the extra CSS and gone to 12-columns, all while retaining the same overall default site width (940px) and adding responsive variations.

Not much changes for those using Bootstrap when we release 2.0. We’ve been using this grid in the our development of 2.0 for several weeks now and are quite fond of it. Just be sure to check your column sizes and test your projects on mobile and tablet devices when you upgrade.


Follow along with Bootstrap 2’s development on GitHub with the 2.0-wip branch.


This content originally appeared on @mdo and was authored by Mark Otto


Print Share Comment Cite Upload Translate Updates
APA

Mark Otto | Sciencx (2011-12-16T00:00:00+00:00) New grid system coming to Bootstrap 2. Retrieved from https://www.scien.cx/2011/12/16/new-grid-system-coming-to-bootstrap-2/

MLA
" » New grid system coming to Bootstrap 2." Mark Otto | Sciencx - Friday December 16, 2011, https://www.scien.cx/2011/12/16/new-grid-system-coming-to-bootstrap-2/
HARVARD
Mark Otto | Sciencx Friday December 16, 2011 » New grid system coming to Bootstrap 2., viewed ,<https://www.scien.cx/2011/12/16/new-grid-system-coming-to-bootstrap-2/>
VANCOUVER
Mark Otto | Sciencx - » New grid system coming to Bootstrap 2. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2011/12/16/new-grid-system-coming-to-bootstrap-2/
CHICAGO
" » New grid system coming to Bootstrap 2." Mark Otto | Sciencx - Accessed . https://www.scien.cx/2011/12/16/new-grid-system-coming-to-bootstrap-2/
IEEE
" » New grid system coming to Bootstrap 2." Mark Otto | Sciencx [Online]. Available: https://www.scien.cx/2011/12/16/new-grid-system-coming-to-bootstrap-2/. [Accessed: ]
rf:citation
» New grid system coming to Bootstrap 2 | Mark Otto | Sciencx | https://www.scien.cx/2011/12/16/new-grid-system-coming-to-bootstrap-2/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.