Shulou(Shulou.com)06/03 Report--

This article mainly shows you "why the bootstrap framework is 12 columns", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "why the bootstrap framework is 12 columns" this article.

Today I was asked a question: "have you ever wondered why Bootstrap defaults to 12 columns?"

After using Bootstrap for a while, I really didn't think about why the default is 12 columns. (recommended study: Bootstrap video tutorial)

Think it is because the layout is more convenient, the common 2 pieces, 3 pieces, 4 pieces can be easily finished.

Since there is a hypothesis, it is still necessary to verify it.

On Google for a while.

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.

It roughly means that it was originally 16 columns, but later changed to 12 columns, in order to make it easier to arrange three columns.

Keep googling.

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, asking why 16 columns are used instead of 24 columns. There were 24 columns before the original 16 columns. Roughly, 16 columns are the first choice for developers and designers, but 12 or 24 columns can be more flexible. It is said that the layout of odd columns is more common, for example, you can often see three-column layouts.

The above is all the content of the article "Why the bootstrap Framework is 12 columns". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.