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:每张幻灯片上的单独数据间隔