如何使bootstrap 4 carousel图像在大屏幕上变小

要使Bootstrap 4轮播图在大屏幕上变小，可以通过以下步骤实现：

1. 在HTML文件中，找到包含轮播图的容器元素，通常是一个带有class为"carousel"的div元素。
2. 在该容器元素中，添加一个自定义的class，例如"carousel-small"，用于后续的样式修改。
3. 在CSS文件中，为新添加的class ".carousel-small" 添加样式规则。
4. 在CSS文件中，为新添加的class ".carousel-small" 添加样式规则。
5. 这个样式规则将会使轮播图中的图片在大屏幕上的高度最大为300px，你可以根据实际需求进行调整。
6. 在大屏幕上，当轮播图容器元素的宽度超过某个阈值时，添加".carousel-small"类。
7. 在大屏幕上，当轮播图容器元素的宽度超过某个阈值时，添加".carousel-small"类。
8. 这段JavaScript代码会在页面加载和窗口大小改变时检测屏幕宽度，如果宽度大于1200px（根据需要设置），则为轮播图容器元素添加".carousel-small"类，否则移除该类。

通过以上步骤，当屏幕宽度大于设定的阈值时，轮播图中的图片将会按照设定的最大高度进行显示，从而实现在大屏幕上使Bootstrap 4轮播图变小的效果。

关于Bootstrap 4轮播图的更多信息和使用方法，你可以参考腾讯云的相关产品：腾讯云Web+。