在bootstrap 4中如何在小屏幕中使卡片主体水平

在Bootstrap 4中，可以使用内置的CSS类来在小屏幕中使卡片主体水平。具体步骤如下：

1. 首先，确保你已经引入了Bootstrap的CSS和JavaScript文件。
2. 创建一个卡片元素，可以使用<div>标签，并添加card类，如下所示：

<div class="card">
  <!-- 卡片内容 -->
</div>

1. 在卡片主体内部，创建一个包含内容的容器，可以使用<div>标签，并添加card-body类，如下所示：

<div class="card-body">
  <!-- 卡片主体内容 -->
</div>

1. 默认情况下，卡片主体的内容在小屏幕上是垂直排列的。为了使其水平排列，可以在<div>标签上添加d-flex和justify-content-between类，如下所示：

<div class="card-body d-flex justify-content-between">
  <!-- 卡片主体内容 -->
</div>

1. 最后，根据需要在卡片主体内部添加其他内容，如文本、图像等。

这样，卡片主体的内容将在小屏幕上水平排列。

推荐的腾讯云相关产品：腾讯云云服务器（CVM） 腾讯云云服务器（CVM）是一种可随时扩展的云计算服务，提供高性能、可靠稳定的云服务器，适用于网站托管、企业应用、游戏服务、移动应用、在线商店等各种场景。腾讯云云服务器支持多种操作系统和应用软件，提供灵活的网络配置和安全防护，为用户提供稳定可靠的云计算基础设施。

了解更多腾讯云云服务器（CVM）的信息，请访问：腾讯云云服务器（CVM）产品介绍