在引导轮播中设置风景和肖像图像的样式

Question

我正在通过CDN使用最新的bootstrap.min.css。

我使用ngCarousel（用于角度的引导轮播）和Angular 6。

一切正常，但是如果我添加人像图像，则显示时会显示其完整高度，而不适合其放置在转盘中，并且居中放置

这是轮播图片的css。

  ngb-carousel .carousel-item img{
      width: 100%;
      height: auto;
      vertical-align: middle;
  }

我不知道如何使它同时处理横向和纵向图像。

  width: auto;
  height: auto;    
  max-height:400px;  
  vertical-align: middle;

但是这会裁剪风景并且不会使肖像居中。另外，您需要在不同的断点为max-height定义不同的值。

有什么想法吗？

*顺便说一句，Bootstrap是否应该自动处理这些情况？我想念什么？

谢谢