Bootstrap的网格系统允许. row
s是的孩子。容器
(或。容器流体
)和。col-*-*
s是. row
s的孩子。此外,. col-*-*
s可以是其他. row
s的父代。
默认情况下,. 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
是菜单的高度。