Bootstrap 4 Carousel Scale不同尺寸的图像无法正常工作

Posted

技术标签:

【中文标题】Bootstrap 4 Carousel Scale不同尺寸的图像无法正常工作【英文标题】:Bootstrap 4 Carousel Scale different sizes images not working properly 【发布时间】:2019-11-12 19:26:20 【问题描述】:

我尝试制作具有不同大小(高度/宽度)的引导响应轮播,每次都可能不同

所以我做了简单的引导轮播并尝试包含 jquery-scale 插件,但它不适用于此

这是我的代码

[Codepen][1]

https://codepen.io/md-shareque/pen/VJXNxX

【问题讨论】:

【参考方案1】:

你可以试试这个。

<img class="scale" data-scale="best-fill" data-align="center" src="https://www.tamkein.com/uploads/header_images/k2(2).png" alt="Los Angeles" class="responsive">

添加这个 class="responsive" 类,你的每一个 img 标签。

【讨论】:

以上是关于Bootstrap 4 Carousel Scale不同尺寸的图像无法正常工作的主要内容,如果未能解决你的问题,请参考以下文章

运行 js 脚本时,Bootstrap 4 carousel 停止工作

css Bootstrap Multi Carousel滑动一项(4列)

Django Bootstrap Carousel 一次 4 个项目

Bootstrap 4 Carousel:每张幻灯片上的单独数据间隔

Bootstrap 4 Carousel Scale不同尺寸的图像无法正常工作

Bootstrap 4 Modal 在 Slick carousel div 内部不起作用