简体繁体 English

自举图像网格对齐

[英]Bootstrap image grid alignment

原文 2017-07-26 12:06:20 5 1 html/ css/ twitter-bootstrap/ image/ gridview

I am working on an image gallery with filters. 我正在使用滤镜处理图片库。 I have used a Bootstrap grid with 3 columns. 我使用了3列的Bootstrap网格。 My image width remains the same for all but height differs. 我的图像宽度对于所有对象都保持不变，但高度不同。

I am attaching the pic of how it shows currently. 我附上了当前显示方式的图片。

But how I need it to be: 但是我需要的是：

Note: I haven't written any CSS for the image grid. 注意：我没有为图像网格编写任何CSS。

1 个解决方案

I suggest Freewall . 我建议Freewall 。 It is a cross-browser and responsive jQuery plugin to help you create many types of grid layouts: flexible layouts, images layouts, nested grid layouts, metro style layouts, pinterest like layouts ... with nice CSS3 animation effects and call back events. 它是一个跨浏览器和响应式jQuery插件，可帮助您创建多种类型的网格布局：灵活的布局，图像布局，嵌套的网格布局，Metro样式布局，pinterest之类的布局……具有不错的CSS3动画效果和回调事件。 Freewall is all-in-one solution for creating dynamic grid layouts for desktop, mobile, and tablet. Freewall是用于为台式机，移动设备和平板电脑创建动态网格布局的多合一解决方案。

Home page and document: also found here. 主页和文档：也可以在这里找到。