Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 我需要将旋转木马固定到特定的大小,并将图像放入旋转木马中_Css_Image_Twitter Bootstrap_Carousel - Fatal编程技术网

Css 我需要将旋转木马固定到特定的大小,并将图像放入旋转木马中

Css 我需要将旋转木马固定到特定的大小,并将图像放入旋转木马中,css,image,twitter-bootstrap,carousel,Css,Image,Twitter Bootstrap,Carousel,我需要将旋转木马固定到特定的大小,并将图像放入其中。在移动视图中没有问题,但在计算机上,图像填满了屏幕,然后我必须向下滚动才能看到旋转木马指示器。我该怎么办 CSS代码: .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; height: auto; max-width: 100%; line-height: 1;

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

CSS代码:

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

如果不是全宽滑块,则应将滑块放在col或容器内,参考下面的代码

如果其全宽滑块将其置于容器流体内

img{
  max-width: 100%;
}

<div class="container">
 <div class="row">
   <div class="col-md-12">
     ur carousel code should be here
   </div>
  </div>
</div>
img{
最大宽度:100%;
}
您的传送带代码应该在这里
如果您使用全宽容器

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

您的传送带代码应该在这里

im使用全宽容器。我想我的问题是图像的高度。@Aswin检查我的更新答案,如果你能展示一些演示或我们能更好地帮助你的东西,如果你认为我的答案对你有帮助,你可以投票或/并标记为接受