2016-02-01 23 views
0

我在一个新项目中使用基金会6并偶然发现问题。 我有一个网格和我想隐藏一个列(我想稍后再次显示),问题是,如果我隐藏列,它不会重新排序所有其他列,我试图通过隐藏它与jQuery并通过与基金会的hide类(我猜,基本上是一样的)隐藏它。 我能够实现想要的功能的唯一方法是实际上完全删除列,但我需要稍后再显示,因此这不是一个选项。基金会6网格程序化列删除

请看看小提琴,以便更好地了解我所需要的东西。 (你将不得不再次运行该脚本点击一个按钮后)

JsFiddle link

回答

1

的主要问题是你不使用类正确,例如列的大小应适用于该列而不是行元素。

<div class="column">

应该是:

<div class="small-4 column">

https://jsfiddle.net/875ascsk/4/

+0

哇,谢谢,我只是在一个基础模板的人看到在一起只用'column'用'小升4 ''','行'中的'中6'。 我的猜测是,现在我只需要在每个'column'中添加'small-4'和'medium-6'? –

+0

@LastTemplar应该始终在列上,我已经与Foundation 5合作过,而且我从未见过它放在行上。 –

+0

[this](http://foundation.zurb.com/templates-previews-sites-f6/portfolio.html)就是我用的例子 –