Question

我需要将旋转木马固定到特定尺寸并将图像装入其中。在移动视图中没有问题，但在计算机上图像填满屏幕，然后我必须向下滚动才能看到轮播指示器。我该怎么办？

CSS代码：

.carousel-inner > .item > img, 
.carousel-inner > .item > a > img {
    display: block;
    height: auto;
    max-width: 100%;
    line-height: 1;
    margin: auto;
    width: 100%;
}

Answer 1

如果它不是全宽滑块u shouuld将你的滑块放在col或容器中，请参阅下面的代码以获取参考

如果其全宽滑块将其放在container-fluid

中

img{
  max-width: 100%;
}

<div class="container">
 <div class="row">
   <div class="col-md-12">
     ur carousel code should be here
   </div>
  </div>
</div>

如果你使用全宽容器

<div class="container-fluid">
 <div class="row">
   <div class="col-md-12">
     ur carousel code should be here
   </div>
  </div>
</div>

我需要将旋转木马固定到特定尺寸，并将图像放入旋转木马内

1 个答案: