bootstrap为什么是12列
今天被问了一个问题:”有没有想过为什么Bootstrap要默认是12列?“
觉得是因为布局比较方便,常见的分2块,3块,4块都可以方便分完。
既然有假设,那还是要求证一下。
谷歌上一阵搜索。
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.
大致意思就是原来是16列的,后来改成了12列,是为了更容易可以排出三列。
好,那么问题来了,为什么之前是设计16列呢?
继续谷歌。
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).
这个是Bootstrap的github bug列表中2011年的一段讨论,题目是问为什么用16列代替了24列。原来16列之前还有24列。大概是说,16列是开发和设计人员的首选,但是12列或者是24列可以更灵活。其中说到就是奇数列的布局更常见,比如经常可以看到三列形式的布局。
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tangbiaai
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01