Css 引导3-行中的列应具有相同的高度

我有一个彩色框内的4篇文章的看法。 当屏幕足够宽时，它们需要并排显示，高度相同，如下所示：

Article 1       Article 2
Article 3       Article 4

我尝试添加样式，使容器行和列具有以下样式，但也没有结果：

.container-height{
display:table;
}

.row-height{
display:table-row;
}

.col-height{
display:table-cell;
float:none;
} 

---

使用bootstrap类可以使它们彼此并行 col-lg-6在2 col的情况下，加起来为12，并且仅在大屏幕上激活（从1200px及以上）

为所有列（在固定内容的情况下）获得相等高度的最快方法是使用媒体查询设置高度

@介质（最小宽度：1200）{
身高：xx；
}

好吧，如果您对jquery解决方案没有意见，那么请查看此代码

检查

所以只需在标签中添加这个，并使用这个css

article{
    text-align:center;
    background-color:lightgray;
    margin:0 25px 50px 25px;
}
h1, p{
    padding:10px;
}

---

我所做的是，我把文章的最大高度给了其他人，所以谁是最大的文章，所有的文章都是相同的高度。希望你会喜欢我的想法。如果您使用Bootstrap，非常感谢。

这段代码对您非常有帮助

标题1
Lorem ipsum dolor SDFDIT amet，两名拉丁尤伊斯莫德ut。不允许在任何情况下进行任何操作。全方位的广告，最完美的，最残忍的性爱。在saepe dicant euismod nec。。Lorem ipsum dolor SDFDIT amet，两名拉丁尤伊斯莫德ut。不允许在任何情况下进行任何操作。全方位的广告，最完美的，最残忍的性爱。在saepe dicant euismod nec

标题1
Lorem ipsum dolor sit Fdffamet，两位拉丁人euismod ut。不允许在任何情况下进行任何操作。全方位的广告，最完美的，最残忍的性爱。在saepe dicant euismod nec

标题1
Lorem ipsum dolor Sidfdfdft amet，两位拉丁人euismod ut。不允许在任何情况下进行任何操作。全方位的广告，最完美的，最残忍的性爱。在saepe dicant euismod nec

标题1
Lorem ipsum dolor sit afgfmet，两位拉丁人euismod ut。不允许在任何情况下进行任何操作。全方位的广告，最完美的，最残忍的性爱。在saepe dicant euismod nec

1行4列，高度相同？？2列并排，我的问题不好，将修改为什么不给你的

标记一个类，并通过CSS设置其固定高度？尝试使用可能的副本，我们不能只使用CSS吗？@GauravAggarwal我不确定。这就是为什么我补充说，如果您对jquery没有意见的话。但是有了css，我认为这是不可能的，因为任何文章中的内容都会增加，会导致不同的高度。如果他改变一点html结构，css是可能的…但这也是他可以使用jqueryWell的作品。很抱歉，但我不确定css是否可能（而且我在办公室很忙，所以我不能给太多时间）但如果你有更好的解决方案，请张贴。我也将学习：）这是一个有效的解决方案，我也得到了，但我正试图得到一个css解决方案希望可以是这么简单，但你看到他的演示吗？他希望这样-两行，每个列中有两个列，但是可以将

等高

类放在列上，请参见引导文档，也可以这样做，但是每当内容更改时，都需要重新计算好的高度

article{
    text-align:center;
    background-color:lightgray;
    margin:0 25px 50px 25px;
}
h1, p{
    padding:10px;
}