Bootstrap 4+ - Vertically+horizontal在设置了高度的另一个div中将2个div彼此对齐

Bootstrap 4+是一种流行的前端开发框架，它提供了丰富的CSS和JavaScript组件，可以帮助开发人员快速构建响应式和美观的网页界面。

在Bootstrap 4+中，要实现在设置了高度的另一个div中将两个div彼此对齐，可以使用Flexbox布局。Flexbox是一种强大的CSS布局模型，可以轻松地实现灵活的盒子布局。

首先，确保父容器的display属性设置为flex，这样它的子元素就可以使用Flexbox布局。然后，可以使用justify-content属性来设置子元素在主轴上的对齐方式，使用align-items属性来设置子元素在交叉轴上的对齐方式。

以下是一个示例代码：

<div style="display: flex; height: 200px;">
  <div style="flex: 1; background-color: red;"></div>
  <div style="flex: 1; background-color: blue;"></div>
</div>

在上面的示例中，父容器的display属性设置为flex，并且设置了固定的高度为200px。两个子元素的flex属性都设置为1，表示它们平均占据父容器的空间。子元素的背景颜色分别为红色和蓝色。

这样，两个子元素就会在父容器中水平对齐，并且高度与父容器相等。

对于Bootstrap 4+，它提供了更多的布局组件和工具类，可以更方便地实现复杂的布局需求。可以参考Bootstrap官方文档中关于Flexbox布局的部分，了解更多有关Flexbox的用法和属性。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

• 腾讯云云服务器（CVM）：提供弹性、安全、稳定的云服务器，适用于各种应用场景。了解更多信息，请访问：腾讯云云服务器
• 腾讯云对象存储（COS）：提供高可靠、低成本的对象存储服务，适用于存储和管理各种类型的数据。了解更多信息，请访问：腾讯云对象存储

请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。