如何显示html页面上的所有图像(使用Bootstrap)?

时间:2016-09-27 13:46:56

标签: javascript html css twitter-bootstrap twitter-bootstrap-3

我有一组图像,我希望用户可以同时看到这些图像,而无需滚动或滑动。调整大小确实可以。图像数量可能因页面而异。页面上还会有一些其他内容(标题)。我使用Bootstrap作为CSS框架,但如果需要,我可以使用任何解决方案(JS?)。 例如,我在纵向模式下有10张图片和Android版Chrome浏览器。该解决方案将图像排列成横向的2列5行和5x2的网格,相应地调整大小。如果有18张图像,则相应地显示3x6或6x3。等等。 谢谢!

更新 我吮吸CSS。但我有很好的谷歌搜索技能,没有找到关于这个主题的内容。我已尝试container-fluid, row/col, img-responsive组合,但它显示3xN或1xN网格,具体取决于宽度。并非所有图像都在视口中。

0 个答案:

没有答案