Foundation 6 网格编程列删除
Foundation 6 grid programmatic column removal
我在新项目中使用 Foundation 6 时偶然发现了一个问题。
我有一个网格，我想隐藏一列（稍后我想再次显示），问题是如果我隐藏该列，它不会重新排序所有其他列，我尝试用 [= 隐藏它20=] 并用 Foundation 的 hide class 隐藏它（我想这基本上是一回事）。
我能够实现所需功能的唯一方法是实际完全删除该列，但我需要稍后再次显示它，所以这不是一个选项。
请查看 fiddle 以便更好地了解我需要什么。
（单击其中一个按钮后，您将不得不再次 运行 脚本）
主要问题是您没有正确使用 类，例如列的大小应该应用于列而不是行元素。
<div class="column">
应该是：
<div class="small-4 column">
我在新项目中使用 Foundation 6 时偶然发现了一个问题。
我有一个网格，我想隐藏一列（稍后我想再次显示），问题是如果我隐藏该列，它不会重新排序所有其他列，我尝试用 [= 隐藏它20=] 并用 Foundation 的 hide class 隐藏它（我想这基本上是一回事）。
我能够实现所需功能的唯一方法是实际完全删除该列，但我需要稍后再次显示它，所以这不是一个选项。
请查看 fiddle 以便更好地了解我需要什么。 （单击其中一个按钮后，您将不得不再次 运行 脚本）
主要问题是您没有正确使用 类，例如列的大小应该应用于列而不是行元素。
<div class="column">
应该是：
<div class="small-4 column">