我想在Bootstrap容器中将每个图像垂直居中。每个图像都使用"img-fluid“类,这样它就占据了相对于屏幕大小的整个列的宽度。通常,我会在图像顶部添加50%的边距,并抵消图像大小等于px图像大小一半的负边距,但是由于图像大小不是恒定的,这将不起作用。我尝试使用“垂直对齐:居中”来居中图像,但是这似乎也不起作用。
HTML:
<div class = "container-fluid">
<div class = "row text-center">
<div class = "col-
我的旋转木马上的阴影有问题。更改幻灯片时,将显示背面的阴影,以便为已可见的幻灯片提供强度。我试图在过渡的帮助下解决这个问题,但它没有帮助。我想要获得自由移动幻灯片的效果,而不会重叠已经可见的幻灯片。
$('#feedPhotoCarousel').carousel({
interval: 10000
})
$('.carousel .carousel-item').each(function() {
var next = $(this).next();
if (!next.length) {
next = $(this).sibling