为什么Bootstrap 3强制容器宽度达到一定的尺寸?

Ben*_*ann 28 css twitter-bootstrap twitter-bootstrap-3

如果我的浏览器大小为992px宽,那么.container的最大宽度为970px.如果我的浏览器大小为991px宽,那么.container的最大宽度为750px.为什么最大宽度有这么大的跳跃?为什么不是最大宽度为1170px左右,每边有20px的边距或某些东西,这样当您调整浏览器窗口大小时,容器宽度可以平滑地缩放而不是大跳?

例如,在992px的屏幕宽度下,每侧只有很小的余量(11px).然而,在991px宽度的情况下,我每边都有120px的边距,这意味着近25%的屏幕空间都是空边.这对我来说没有多大意义.有没有理由这样做?我可以删除这种更喜欢某些容器宽度而不破坏东西的行为吗?

Ben*_*ann 33

Bootstrap人员的官方答复:

它归结为特定断点的设计(在我看来)比设计无限的未知大小更容易.你提到的替代方案并非错误或不好,只是不同.我宁愿我们维持非常具体范围的层级

  • 我有一个`.container {width:auto; 修复它 (25认同)
  • http://getbootstrap.com/css/#grid-options通过将最外面的.container更改为.container-fluid,将任何固定宽度的网格布局转换为全宽布局. (24认同)
  • @Dorian你的评论是我整周阅读的最好的东西! (2认同)