css – Bootstrap:具有容器流体和行未正确包装的Dyamic色谱柱

作者:互联网

2026-04-08

HTML教程
这是我目前看到的:

请注意,第二行未正确包装.代码如下:

.... repeat ....

知道为什么包装不正确吗?

好的,我明白了.它更像是 RTFM thing with responsive column resets.你基本上只能使用一个< div class =“row”>并且将所有列放入其中(即使它们最终出现在不同的行上),只要您在正确的位置放入适当的清除,例如,< div class =“clearfix visible-xs-block”> < / DIV取代.因此,在下面的示例中,我在XS视口上显示两列,在大视图端口和中视口上显示6列,在小视图端口上显示4列.

{% for b in bits %} {% if loop.index is divisibleby 2 %}
{% endif %} {% if loop.index is divisibleby 4 %}
{% endif %} {% if loop.index is divisibleby 6 %}
{% endif %}{% endfor %}