提问者:小点点

使用行内的完整列高[重复]


有没有一种可能的方法可以在引导过程中采用行来具有完整的列高度?我想使用行中的整个空白,并将其添加到col-xs-3列高度中。

如果您需要更多信息,请告诉我。


共1个答案

匿名用户

Bootstrap的网格系统允许. rows是的孩子。容器(或。容器流体)和。col-*-*s是. rows的孩子。此外,. col-*-*s可以是其他. rows的父代。

默认情况下,. row的高度由其列决定。如果你希望它有一个特定的高度,你可以使用自定义的CSS应用它(min-高度显示:flex-这使得行换行上的所有醇拉伸到相同的高度):

.row.my-row {
  min-height: 100vh; /* viewport (screen) height */
  display: flex; /* makes its cols expand to full height */
  flex-wrap: wrap;
 }

例如,如果您想从行的最小高度中扣除顶栏的高度,可以使用min height:calc(100vh-60px)-其中60px是菜单的高度。