Question

您好我正在尝试使用2行在bootstrap中进行简单的布局，但是，看起来高度（h-50）类对我来说并不像我希望的那样。

我期待h-50成为屏幕的上半部分，另一个h-50成为下半部分。

实际上我注意到行高只是内容的大小，不到屏幕的一半。

我有一些代码如下：

onBackButtonEvent () {
  if (this.props.renderOverlay) {
    this.setState({
      overlayRoutePushed: false
    })
    this.props.closeOverlay()
  }
}

closeOverylayAndBack () {
  this.setState({
    overlayRoutePushed: false
  })
  this.props.closeOverlay()
  this.props.router.goBack()
}

componentDidMount () {
  window.onpopstate = this.onBackButtonEvent
}

顺便说一句，如果你想知道我的Profile css类只是min-height：100vh;所以肯定有一个高度指定。

Answer 1

行类仅获取其内容的高度。给它一个高度的班级是行不通的。但是，您可以在行div和样式中放置另一个div。您可以为其指定类名称 height150 ，并将css添加到其中。

<style>
.height150 {
  height: 150px;
}
</style>

<div className="row h-50" style="background-color:lavender;">
  <div class="height150">
    <div className="col">
     <h1>Content</h1>
    </div>
  </div>
</div>

行高不能在bootstrap中工作4

1 个答案: