小编Quo*_* Vu的帖子

如何使用引导程序调整每行的列数

使用Bootstrap v4alpha,我正在尝试在网格下面布置带有标题的24张图片.让我们用一个标题来调用一张图片.

1)如果使用带有对齐顶部和左侧的<table>标签,我希望瓷砖垂直和水平对齐.我的照片尺寸相同,但字幕长度不一.

2)列数根据屏幕大小进行调整.在小屏幕上,我们将有2列和12行.在中等屏幕上3列4行.在大屏幕上4列和3行.

我尝试了卡片列,这几乎是我需要的,除了砖石外观.我希望它们也按行排列.

我也尝试了使用col-sm-6,col-md-4和col-lg-3 的网格选项,但问题在于我需要在标签<div class ="row中包装固定数量的图块">.

在以前版本的Bootstrap中也存在此问题,但如果有针对v4的特定解决方案,我也想知道.

css multiple-columns responsive-design twitter-bootstrap

7
推荐指数
1
解决办法
1万
查看次数