引导转盘设置自动高度不工作

问题描述 投票:0回答:2

我没有找到一种方法,在引导传送带上的图像上的自动高度。我发现有图像自动高度的唯一方法是这样的,但在图像上,如图所示margin:auto创建hudge顶部和底部边缘。我怎么能删除吗?如果我删除margin:auto,该height:auto将不再工作。

result with margin

HTML

<div id="carousel-{{$kit->kitNo}}" class="carousel slide" data-ride="carousel">                  
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="img-fluid" src="http://www.lebureauculturel.ch/wp-content/uploads/2017/09/goprohero5black.png" alt="First slide">
    </div>
  </div>
</div>

CSS

.carousel-inner {
 height:auto;
}
.carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
  width: 100%;
  margin: auto;
  min-height:initial;
}

有了更大的IMG弹出走出屏幕为例。 Big image out of screen

html css bootstrap-4 carousel
2个回答
0
投票

我有同样的问题,始终没找到合适的答案。

我有图片说明,如果响应,他们会去小阅读。

我克服这个问题,不回答你的问题的方式,我选择在裁剪时左边看了好合适的图像。该文本然后保持相同的尺寸使其易于在移动阅读。

因此,图像保​​持相同的高度无论什么屏幕尺寸是但显然裁剪屏幕尺寸。

基思


0
投票

设置旋转木马项目高度自动或简单地旋转木马项目以及增加H-汽车类。它为我工作。


推荐问答