3

我希望使用 Twitter Bootstrap,但问题是我需要内容区域为 960px 宽,而不是 Twitter Bootstrap 默认使用的仅 940px。

我不想使用响应式网格,而是使用固定网格,因为 99% 的用户将通过电脑或 iPad 访问它,而不是手机。

如果我将行和容器的像素宽度更改为 960 像素的设计,它会搞砸什么大的时间吗?

我个人认为 960px 的宽度比 940px 的宽度要好,即使在 1024px/768px 的分辨率下,它仍然可以在没有水平滚动条的情况下显示良好。

还是我错过了什么?

4

3 回答 3

3

响应式设计不仅为小型设备的用户提供更好的体验。它还可以为屏幕宽度在 1024 像素以上的用户(大多数 pc 用户)提供更好的体验。

Twitter使用的网格系统与 960 网格系统使用的完全相同(12 列,60 像素列宽,20 像素间距),除了每边 10 像素的间距。

于 2012-07-25T01:09:43.950 回答
1

请注意,twitter bootstrap 的每一行都有一个 margin-left:-20px。这使得 960px 网格

.row {
  margin-left: -20px;
}
于 2012-11-21T04:11:10.120 回答
0

如果您不想创建响应式站点,并且也不想使用 960 网格系统,您可以使用 Bootstrap,但需要进行更改。大的变化。几乎所有的框架。你可以这样做,或者简单地使用其他框架,如960.gs

于 2012-07-25T00:54:30.767 回答