0

我希望有人可以帮助我解决这个问题我对此感到有些困惑，我一直使用 960 网格系统。使用 Twitter Bootstrap 进行响应式设计，看看我遇到的问题是 twitter 网站上的桌面视图状态

标签 布局宽度 列宽 装订线宽度 大显示屏 1200px 及以上 70px 30px 默认 980px 及以上 60px 20px 纵向平板电脑 768px 及以上 42px 20px 手机到平板电脑 767px 及以下 可变列，无固定宽度 手机 480px 及以下 可变列，无固定宽度

当然它应该是默认 960px 及以上？60*12 + 20* = 960px？

是否有我遗漏的东西，或者只是需要使用定制器？

基本上我的 PSD 的大小应该仍然是 940 像素（正常情况下？）还是应该是 960 像素？

4

2 回答 2

1

当然它应该是默认 960px 及以上？60*12 + 20* = 960px？

如果您在第一列之前允许 20px 填充，每列之间 20px 和最后一列之后 20px，则总数为 12*(60+20) + 20 = 980px

我的 PSD 的大小应该仍然是 940 像素（正常情况下？）还是应该是 960 像素？

是的，设计为 940 像素宽。只要设备窗口为 980 像素或更大，它将显示全宽。

如果您来自 960.gs，则设计宽度是相同的。不同之处在于 bootstap 在每一行的开头和结尾都有额外的 10px 边距，因此它需要一个 980px 宽的窗口来显示全宽。

如果您正在寻找不同宽度的引导布局模板，这里是一个很好的来源https://benstewart.net/2012/06/bootstrap-responsive-photoshop-templates/

于 2013-01-18T01:50:42.723 回答
0

从引导程序来看，这是正确的......

  • 大显示屏 1200 像素及以上
  • 默认 980px 及以上
  • 肖像平板电脑 768px 及以上
  • 手机到平板电脑 767px 及以下
  • 手机 480px 及以下
于 2013-01-17T19:55:02.540 回答