基础网格列占用整个宽度，而不管网格项的请求宽度如何

Question

我正在使用 Foundation for Sites 版本 6.4.1，从版本 6.3.* 更新到此版本时，我的网格系统搞砸了。我需要使用旧的浮点网格而不是他们在 6.4 中引入的新网格，但文档表明 6.4 应该足够向后兼容。

如果我有一行看起来像这样：

<div class="row">
<div class="medium-8 medium-centered columns">
Content
</div>
</div>

中心列将占据整个页面。我做错了什么？

Answer 1

请确保您使用的是正确的网格，Foundation 6.4 有 3 个可用的网格：XY(默认(、浮点和柔性。

示例中的代码属于"传统">浮点网格，而此新版本(从 6 月 27 日开始(中的默认网格是 XY 网格。所以你有两个选择：

1. 根据新的XY网格更改标记(查看 http://foundation.zurb.com/sites/docs/xy-grid.html(
2. 将框架改为使用 Float Grid，现在这取决于你最初是如何下载框架的;如果你使用了预编译包，你应该去 http://foundation.zurb.com/sites/download.html/#customizeFoundation 自定义(基本上只是选择Float Grid并下载一个新的包(; 如果你使用的是 SASS 版本，只需转到_settings.scss文件， 找到变量以选择正确的网格并重建。

希望这有帮助。