如何在Bootstrap中设置一栏控制高度？

Bootstrap 是一个流行的前端框架，许多程序员都在使用它来构建他们的网站和应用程序。在 Bootstrap 中，页面的布局通常由行和列组成。如果您想要设置一栏的高度，则可以使用以下方法。

在 Bootstrap 中，可以使用 .h-100 类来将元素的高度设置为 100%。 您可以将此类应用于要设置高度的列，如下所示：

<div class="row">
  <div class="col-md-6 h-100">
    <!-- content here -->
  </div>
  <div class="col-md-6 h-100">
    <!-- content here -->
  </div>
</div>

这将在 col-md-6 类的列中添加一个 .h-100 类，使该列的高度等于其父元素的高度。

如果只想将特定列的高度设置为特定值，则可以使用 CSS 样式。例如，要将列的高度设置为 500 像素，可以使用以下 CSS：

.col-md-6 {
  height: 500px;
}

您还可以使用媒体查询在不同的屏幕尺寸上设置不同的列高度。例如，在大屏幕上将列高度设置为 500 像素，在小屏幕上将列高度设置为 300 像素：

@media only screen and (min-width: 992px) {
  .col-md-6 {
    height: 500px;
  }
}

@media only screen and (max-width: 991px) {
  .col-md-6 {
    height: 300px;
  }
}

总之，在 Bootstrap 中设置一栏的高度非常简单，您可以使用 .h-100 类或自定义 CSS 样式来实现。