本文介绍了一种使Bootstrap网格系统中的所有列高度相等的方法。通过使用特定的CSS技巧，可以确保即使内容不等，各列也能保持相同的高度。示例代码展示了如何实现这一效果。
阅读：
How can I make Bootstrap columns all the same height?
您可以使用：
.row{
overflow: hidden;
}
[class*="col-"]{
margin-bottom: -99999px;
padding-bottom: 99999px;
}
这是一个可运行的例子：
.row{
overflow: hidden;
}
[class*="col-"]{
margin-bottom: -99999px;
padding-bottom: 99999px;
}
.row1 {
height: 100%;
}
.col1{
background-color: red;
color: white;
height: 100%;
}
.col2{
background-color: green;
color: white;
height: 100%;
}
.col3{
background-color: yellow;
height: 100%;
}
Column 1
Column 2
Column 3
Column 4
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
