使Skeleton网格系统更广泛

时间:2012-10-26 21:13:11

标签: responsive-design skeleton-css-boilerplate

我很好奇是否有人将骨架网格系统转换为具有更宽的最大宽度。这些天960px有点小,我希望能接近1100px。

如果有人之前已经这样做了,或者有任何关于开始改变的提示,那就太棒了!

3 个答案:

答案 0 :(得分:3)

在skeleton.css文件中,在Grid部分下更改

.container {
    max-width: 960px;
}

.container {
    max-width: 1200px;
}

或您喜欢的任何尺寸。这是最简单的解决方案,适用于我的情况。

答案 1 :(得分:0)

两个选项:

  • 1200px(Nicolas Poliquin,最后更新于2013年5月)
  • 1280px(Ian Yates,2012年6月,还包括没有嵌套的流体选项)

他们都只是使用另一套CSS扩展沼泽标准960网格,以获得更大的浏览器尺寸。

我个人可能会选择1200,因为它与960共享factors并且满足我的OCD :)

这是fluid layouts的一些思考。

答案 2 :(得分:-1)

有一个sass版本允许您选择容器宽度,列数,断点和列边距。 https://github.com/lazerwalker/Skeleton-SASS/