<div>是Bootstrap中常用的一个样式类，它可以用来创建响应式网页布局。使用<div>可以方便地将网页内容划分为不同的区块，同时可以对这些区块进行样式设置，使得网页布局更加灵活美观。
在使用<div>时，我们经常会遇到一个问题，那就是如何控制<div>的高度。这篇文章将从不同的角度介绍如何使用Bootstrap的<div>来设置高度，并给出一些代码案例进行详细说明。
<div>元素的高度可以通过指定固定高度或使用自适应的方式来实现。下面我们将分别介绍这两种方法的使用。
一、固定高度设置 如果我们希望<div>元素的高度是固定的，不随内容的变化而改变，可以通过设置固定的像素值来实现。例如，我们希望一个<div>元素的高度是200px，可以使用如下代码进行设置：

<div style="height: 200px;"></div>

这样，该<div>元素的高度就会固定在200px。
二、自适应高度设置 自适应高度指的是<div>元素的高度会根据内容的多少而自动调整。如果我们希望<div>元素的高度能够自适应，可以使用Bootstrap提供的类来实现。
在Bootstrap中，有两个类可以用来实现自适应高度，分别是clearfix和d-flex。下面我们将分别介绍这两个类的使用。
1. clearfix类 clearfix类可以用来清除浮动，同时也可以用来设置<div>元素的自适应高度。我们只需要给<div>元素添加clearfix类即可。例如，下面的代码片段演示了如何使用clearfix类来实现自适应高度：

<div class="clearfix"></div>

2. d-flex类 d-flex类是Bootstrap4新引入的一个弹性布局类，可以用来实现自适应高度。我们只需要给<div>元素添加d-flex类和flex-grow-1类即可。例如，下面的代码片段演示了如何使用d-flex类来实现自适应高度：

<div class="d-flex flex-grow-1"></div>

以上两种方法可以根据不同的需求来选择，通过设置固定高度或使用自适应高度，我们可以更好地控制<div>元素的高度，从而实现更灵活美观的网页布局。
： 在Bootstrap中，使用<div>元素可以方便地划分网页内容为不同的区块，并进行样式设置。通过设置固定高度或使用自适应高度，我们可以更好地控制<div>元素的高度，以实现灵活美观的网页布局。无论是使用固定高度还是自适应高度，都能够满足不同的设计需求，使网页更具吸引力和可读性。</div>