I was asked a question today: “Have you ever wondered why Bootstrap has 12 columns by default?” I have thought about why the default is 12 columns. (Recommended learning:
Bootstrap video tutorial
I think
Since we have a hypothesis, we still need to prove it.
Google search for a while. The general meaning is that it was originally 16 columns, but later changed to 12 columns to make it easier to arrange three columns. Contrary to the question’s parenthetical, Bootstrap was always at 940px wide, and not 960px, even with the original
16 columns. With the switch to 12 columns in Bootstrap 2, we wanted to simplify the overall grid (16 columns is right
on the edge of enough granularity) and make it easier to get three columns.
Copy after login
Okay, then the question is, why was 16 columns designed before?
Continue to Google.
16-columns has long been the go-to grid for designers and developers, but we’ve noticed a shift to 12- and 24-columns to offer a more flexible layout. And they’re right for doing so—gridded layouts work best with an odd number of columns (you often see three columns, but four or six are not that popular).
This is a 2011 discussion in Bootstrap's github bug list. The title is asking why 16 columns were used instead of 24 columns. It turns out that there are 24 columns before the 16 columns. It probably means that 16 columns is the first choice for developers and designers, but
12 or 24 columns can be more flexible. Among them, the layout of odd columns is more common. For example, you can often see the layout of three columns.For more technical articles related to Bootstrap, please visit the
Bootstrap Tutorialcolumn to learn!
The above is the detailed content of Why does bootstrap have 12 columns?. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
