使用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来访问此特定内容。
谢谢您的帮助!
想通了。在Foundation 6中,以下CSS代码强制每行重新开始: