CSS, Bootstrap - 不规则的 div 网格-6ren

CSS, Bootstrap - 不规则的 div 网格

转载作者：行者123 更新时间：2023-11-28 17:18:54

24

4

我在想如何编写这个布局: Layout screenshot

Link to layout

问题是 div 的不规则网格。我尝试了 bootstrap，但是当我使用两行时，图片之间有空白。

最佳答案

这就像砌体网格布局。你可以使用像这样的插件，

http://masonry.desandro.com/

您可以找到更多这样的免费插件。

关于CSS, Bootstrap - 不规则的 div 网格，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42903167/

24

4

0

文章推荐： javascript - 将交互式 SVG 动态加载到 Vue.js 项目中

文章推荐： html - Bootstrap 3.3.7 .Image-thumbnail border 使图片在手机上消失

文章推荐： html - HTML 中的卡片翻转程序无法正确翻转

文章推荐： css - 修复 div 上的文本

antlr3 不规则
negExpression : (NOT^)* primitiveElement ; 是我的规矩。我现在有这个代码: !!(1==1) 我希望我最终会得到这棵树: NOT | NOT
python - One2Many 字段 Odoo 不规则
我遇到以下问题，我正在创建一个作为预算副本的表单，但这种类型的预算不包含增值税％，并且商品不会通过会计。问题如下我创建了一个名为budget.table的模型如下: class TableEleme
java - Swing Timer 滴答声不稳定，不规则
我对 Java 相当陌生，但对一般编程不太熟悉。我在 Windows Vista 上使用 Java 1.7.0_07。我正在尝试弄清楚如何使 Swing Timer 定期计时。我注意到，即使我设置了
html - 浏览器中的奇数/不规则 float CSS 元素
我有一个静态站点，它突然显示不规则的标题。这是一个包含大量 JavaScript 的单一页面，包括页面顶部的表格选择。该网站六个月前运行良好。现在，我在 12 个不同的导航选项卡中的一半上看到无法解释
computer-science - 为什么是 {a^nb^n | n >= 0} 不规则？
在我参加的 CS 类(class)中，有一个不规则语言的例子: {a^nb^n | n >= 0} 我可以理解它是不规则的，因为没有有限状态自动机/机器可以编写来验证和接受此输入，因为它缺少内存组件。
python - 在 Pandas 中计算稀疏/不规则 TimeSeries 的 EWMA
给定以下高频但稀疏的时间序列: #Sparse Timeseries dti1 = pd.date_range(start=datetime(2015,8,1,9,0,0),periods=10,fr
python - 不规则 X Y Z 数据的等高线/imshow 图
我有 X、Y、Z 格式的数据，其中所有数据都是一维数组，Z 是坐标 (X,Y) 处的测量幅度。我想将此数据显示为等高线或“imshow”图，其中等高线/颜色代表 Z 值(幅度)。用于测量和 X 和
python - 尊重 Pandas Dataframes 的 Python 中的扁平化(不规则)列表列表
这是 Stackoverflow 上的一个递归问题，但给出的解决方案 here仍然不完美。对我来说，屈服仍然是 python 中最复杂的东西之一，所以我不知道如何自己修复它。当给定函数的任何列表中的
php - RHEL 6、PHP 5.3.3、symfony 1.4.[12] -> 不规则 PHP fatal error : Class 'sfProjectConfiguration' not found in
我使用 PHP 5.3.3 在 RHEL 6 服务器上部署了一个 symfony 1.4 项目。我不定期地在 php 错误日志中收到条目，提示找不到 sfProjectConfiguration 并且

首页

博学

6Ren·AI

商城

CSS, Bootstrap - 不规则的 div 网格