我有一个2列页面，我希望在小屏幕上第一列被一个只有一个按钮的小列替换 . 当您单击该按钮时，原始的第一列将再次出现（例如，它在Wordpress上） .
谢谢 .
您不能将列缩减为断点上的按钮（不是没有添加大量代码），但您可以：
使用 class="column small-12 hide-for-medium" 添加一个新列，并将按钮放在那里...这将使列保持中等 .
class="column small-12 hide-for-medium"
可折叠列（第一个）将具有类 hide-for-small-only ，因此这将隐藏在小断点上;请在此栏中添加 id .
hide-for-small-only
使用jQuery，在按钮上单击，隐藏/显示第一列（具有ID的那一列，你可以使用 slideToggle() from jQuery ），就是这样 .
slideToggle() from jQuery
希望这可以帮助 .
1 回答
您不能将列缩减为断点上的按钮（不是没有添加大量代码），但您可以：
使用
class="column small-12 hide-for-medium"添加一个新列，并将按钮放在那里...这将使列保持中等 .可折叠列（第一个）将具有类
hide-for-small-only，因此这将隐藏在小断点上;请在此栏中添加 id .使用jQuery，在按钮上单击，隐藏/显示第一列（具有ID的那一列，你可以使用
slideToggle() from jQuery），就是这样 .希望这可以帮助 .