我正在尝试创建带有图像网格的页面。当窗口很大时，我想每行显示4张图像，当窗口中等时，我想每行显示3张图像，当窗口很小时，我想每行显示2张图像。
但是，Bootstrap的网格系统文档似乎表明必须提前修复换行符，例如：
<div class="row">
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
...
</div>
<div class="row">
<div class="col-md-8">.col-md-8</div>
<div class="col-md-4">.col-md-4</div>
</div>
...
有没有一种方法可以使用Bootstrap来获得我要寻找的行为？
底线是该行需要等于12才能填充空间。您只能有一行，并且所有内容都会根据视口进行重排：
<div class="row">
<div class="col-xs-6 col-md-4 col-lg-3"><img></div>
<div class="col-xs-6 col-md-4 col-lg-3"><img></div>
<div class="col-xs-6 col-md-4 col-lg-3"><img></div>
<div class="col-xs-6 col-md-4 col-lg-3"><img></div>
<div class="col-xs-6 col-md-4 col-lg-3"><img></div>
<div class="col-xs-6 col-md-4 col-lg-3"><img></div>
...
</div>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句