如何在Bootstrap 4中降低高度并同时使其响应

在Bootstrap 4中降低高度并同时使其响应，可以使用CSS的媒体查询功能来实现。媒体查询允许我们在不同的屏幕尺寸下应用不同的样式。

首先，在HTML文件中引入Bootstrap 4的CSS文件和JavaScript文件：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"></script>

接下来，可以使用Bootstrap提供的class来降低高度并实现响应式布局。可以使用mt-*和pt-*来调整顶部和底部的margin，使用py-*来调整上下padding。其中，*可以是1-5的数字，数字越大，间距越大。

<div class="container">
  <div class="row">
    <div class="col-md-6 mt-3 pt-4">
      内容1
    </div>
    <div class="col-md-6 mt-3 pt-4">
      内容2
    </div>
  </div>
</div>

在上面的代码中，col-md-6表示在中等屏幕尺寸下，每个元素占据6个网格单位。使用mt-3和pt-4将顶部和底部的margin和padding分别设置为3个单位和4个单位。这样就可以降低高度并使其响应。

当屏幕尺寸变小时，Bootstrap会自动将列堆叠在一起，从而适应较小的屏幕。可以通过媒体查询来进一步调整样式。例如，可以在较小的屏幕下将margin和padding调整为更小的值：

@media (max-width: 576px) {
  .mt-3 {
    margin-top: 2rem !important;
  }
  
  .pt-4 {
    padding-top: 3rem !important;
  }
}

在上面的代码中，@media (max-width: 576px)表示当屏幕宽度小于等于576像素时应用这些样式。通过将!important添加到样式后面，确保这些样式优先于Bootstrap的默认样式。

通过上述方法，可以在Bootstrap 4中降低高度并同时使其响应。同时，以下是一些腾讯云相关的产品和产品介绍链接，可以在云计算中使用：

• 云服务器（CVM）：基于KVM虚拟化技术的云服务器实例，提供高性能、可靠稳定的计算能力。
• 云数据库MySQL版（CDB）：完全托管的MySQL数据库服务，提供高可用、高性能的数据库服务。
• 对象存储（COS）：海量、安全、低成本的云端存储服务，适用于图片、视频、文档等各类数据存储需求。
• 内容分发网络（CDN）：加速内容分发，提供低延迟、高可靠的全球加速服务，优化网站和应用的访问速度。
• 人工智能平台（AI）：提供多项人工智能技术和服务，包括图像识别、语音识别、自然语言处理等。
• 物联网开发平台（IoT）：全面支持物联网设备的接入、管理和数据处理，实现智能化的物联网应用。
• 区块链服务（BCS）：提供高可扩展性、高安全性的区块链基础设施，支持快速部署和运行区块链应用。
• 云直播（CSS）：全球覆盖的一站式音视频云服务，提供低延迟、高并发的实时音视频传输和云端处理能力。

以上是一些腾讯云相关的产品，可以根据实际需求选择适合的产品来支持云计算和开发需求。