Bootstrap Carousel图像大小的最佳解决方案更改导致页面上的元素移动

时间:2015-06-18 00:26:09

标签: html css image twitter-bootstrap carousel

我的网站主页上有一个图像轮播,有时一些图像的高度和宽度略高。这导致页面元素(例如旋转木马下方的测试项目列表)随着旋转木马中的每个图像改变而移动。

阻止页面上的所有内容移动的最佳解决方案是什么?我是否应该从CMS上传每个图像的大小?我应该在标记中强制调整大小吗?是否有一组CSS规则应用于Bootstrap Carousel以使图像符合某种流畅的响应大小,这样每次图像更改都不会导致页面因尺寸变化而移动?

1 个答案:

答案 0 :(得分:1)

托德,你好。看看 post here 与Bootstrap轮播有关 有一个小提琴,有完整的代码供您使用。

我在响应式旋转木马中有4个非常不同大小的图像。每张图像滑入时,旋转木马不会改变尺寸 您可以使用此功能开始使用响应式旋转木马 尝试调整大小以查看。

希望这有帮助。