Twitter bootstrap 引导3列相同高度

Twitter bootstrap 引导3列相同高度,twitter-bootstrap,css,twitter-bootstrap-3,flexbox,Twitter Bootstrap,Css,Twitter Bootstrap 3,Flexbox,我有两个bootstrapcol-s,我希望它们具有相同的高度。我找到了这个解决方案 如果所有面板都具有高度:100%,则此功能正常 现在我需要一个小于高度:100%的面板。问题是其他面板的大小没有调整 以下是一个例子: /*作为外部资源包含最新编译和缩小的CSS*/ /*可选主题*/ @导入url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap theme.min.css'); 身体{ 利润率:10px; } .相等{ 显示:

我有两个bootstrap
col-
s,我希望它们具有相同的高度。我找到了这个解决方案

如果所有
面板
都具有
高度:100%
,则此功能正常

现在我需要一个小于
高度:100%
的面板。问题是其他面板的大小没有调整

以下是一个例子:

/*作为外部资源包含最新编译和缩小的CSS*/
/*可选主题*/
@导入url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap theme.min.css');
身体{
利润率:10px;
}
.相等{
显示:-ms flexbox;
显示:-webkit flex;
显示器:flex;
}
.小组{
身高:100%;
}
.小组小型{
身高:50%;
溢出:隐藏;
}

网络与都市

一个面向客户的网络建设方案,是一个面向世界数字公司的展示平台

  • 数据挖掘
社会福利基金会

梅迪奥斯计划


所以您希望所有三个盒子的高度都与最小的盒子相同?不,我希望第二个和第三个盒子的高度相同。计算高度时应忽略第一个框。第一个盒子应该更小。我需要这个来制作动画。第一个框的高度从100%变为0%。在此动画期间,第二个和第三个长方体也应调整大小。例如,如果第一个长方体比其他长方体高得多,则第二个和第三个长方体的高度可以在动画过程中降低。因此,您希望所有三个长方体的高度都与最小长方体的高度相同吗?不,我希望第二个和第三个长方体的高度相同。计算高度时应忽略第一个框。第一个盒子应该更小。我需要这个来制作动画。第一个框的高度从100%变为0%。在此动画期间,第二个和第三个长方体也应调整大小。例如,如果第一个长方体比其他长方体高得多,则可以在动画期间降低第二个和第三个长方体的高度。