开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >可折叠为移动按钮的列

问可折叠为移动按钮的列
EN

Stack Overflow用户

提问于 2017-05-19 05:46:59

回答 1查看 39关注 0票数 0

我有一个2列的页面，我希望在小屏幕上，第一列被一个小列取代，上面只有一个按钮。当您单击该按钮时，原始的第一列再次出现(例如，在Wordpress上)。

谢谢。

responsive-design

zurb-foundation

zurb-foundation-6

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-05-21 04:28:06

不能将列还原为断点上的按钮(除非添加大量代码)，但可以：

添加一个带有class="column small-12 hide-for-medium"的新列，并将按钮放在那里.这将使列隐藏起来，使其不受媒体的影响。
可折叠列(第一个列)将具有类hide-for-small-only，因此这将隐藏在小断点上；请向该列添加一个id。
使用jQuery，在单击按钮上，隐藏/显示第一列(具有ID的列，应该使用slideToggle() from jQuery)，仅此而已。

希望这能有所帮助。

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44062289

复制

相似问题