如果我的浏览器大小为992px宽,那么.container的最大宽度为970px.如果我的浏览器大小为991px宽,那么.container的最大宽度为750px.为什么最大宽度有这么大的跳跃?为什么不是最大宽度为1170px左右,每边有20px的边距或某些东西,这样当您调整浏览器窗口大小时,容器宽度可以平滑地缩放而不是大跳?
例如,在992px的屏幕宽度下,每侧只有很小的余量(11px).然而,在991px宽度的情况下,我每边都有120px的边距,这意味着近25%的屏幕空间都是空边.这对我来说没有多大意义.有没有理由这样做?我可以删除这种更喜欢某些容器宽度而不破坏东西的行为吗?
新的Bootstrap 3网格系统非常棒.它在所有屏幕尺寸的响应式设计中功能更强大,嵌套更容易.
但我有一个我无法弄清楚的问题.如何在列之间添加精确的间隙?假设我有容器960px,310px的3列和3列之间的15px的2个gutters.我怎么做?
我在一个新项目上使用Bootstrap 3.布局为940px最大宽度(桌面等),12 col(60px列,20px天沟).
我已设置.container为a max-width: 940px;但由于某种原因,这会使网格关闭.这给了我50px柱子和30px排水沟.所以我需要将排水沟减少到20px并将10px添加到色谱柱.
但是我该怎么做?
