在ZURB Foundation 6中,有没有一种方法可使列在隐藏的列周围流动?

问题描述 投票:0回答:1

使用ZURB Foundation 6,有没有办法使列在隐藏的列周围流动?

因此输入此代码:

<ul class="row large-up-3">
    <li class="column column-block large-4" style="display:none;">1</li>
    <li class="column column-block large-4">2</li>
    <li class="column column-block large-4">3</li>
    <li class="column column-block large-4">4</li>
    <li class="column column-block large-4">5</li>
    <li class="column column-block large-4">6</li>
</ul>

当前显示如下:

2  3
4  5  6

但是我希望实现的是:

2  3  4
5  6

这可行吗?

如果有另一种方法,我不需要使用“ display:hidden”。那只是占位符CSS代码。

如果没有,是否有办法在Bootstrap中执行此操作或编写我自己的网格CSS?如果需要,我可以绕过Foundation来访问此特定内容。

谢谢您的帮助!

zurb-foundation
1个回答
0
投票

想通了。在Foundation 6中,以下CSS代码强制每行重新开始:

© www.soinside.com 2019 - 2024. All rights reserved.