是否隐藏特定大小的特定列？
是否隐藏特定大小的特定列？
提问于 2016-04-28 05:35:48
我使用的是Foundation。我的导航栏目前占据了3栏，我的内容占据了最右边的9栏。
对于small大小，我只想显示这9列。我希望所有的比例都保持不变。
有没有办法简单地“隐藏”前3列，这样我就可以保持所有的大小不变(例如medium-3 medium-3 medium-3)，但是现在这9列占据了整个页面的宽度？
我看到的另一种选择是将总列数设置为36，然后执行所有的数学运算，以使列数最终相同，但这似乎不太理想。
回答 1
Stack Overflow用户
发布于 2016-04-28 15:59:15
您正在寻找的是visibility classes (此链接适用于Foundation6；如果您使用的是Foundation5，则为click here )。请仔细阅读，因为此页面有许多有用的可见性选项。
您可以通过对small only (基础5和6)进行隐藏来实现您想要的结果：
<div class="row">
<div class="medium-3 columns hide-for-small-only">
<!-- navigation bar -->
</div>
<div class="medium-9 columns">
<!-- main content -->
</div>
</div>或者通过展示中型和大型(基础6)：
<div class="row">
<div class="medium-3 columns show-for-medium">
<!-- navigation bar -->
</div>
<div class="medium-9 columns">
<!-- main content -->
</div>
</div>或通过显示中型和大型(基础5)：
<div class="row">
<div class="medium-3 columns show-for-medium-up">
<!-- navigation bar -->
</div>
<div class="medium-9 columns">
<!-- main content -->
</div>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36901361
复制相关文章
相似问题
腾讯云开发者
