Bootstrap Thumbnail имеет фиксированную высоту только в Internet Explorer - PullRequest
0 голосов
/ 28 апреля 2018

Я пытаюсь представить товары на своем сайте, используя галерею миниатюр. В Google Chrome, Edge и Opeera он отображается правильно (см. Рис. Ниже).

На втором рисунке Internet Explorer оставляет много пустого пространства или растягивает изображение. Google Chrome


Internet Explorer

Вот код начальной загрузки, который я использую:

  <div class="container-fluid">
<div class="row display-flex">
  
  
  
  
  <div class="col-sm-6 col-md-3 img-responsive">
    <div class="thumbnail">
      <div>
      <img src="_Source\Produkte\saft1.png" alt="" style="align-content: center; width: 100%">
      </div>
      <div class="caption">
        <h3>Aroniasaft<br></h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis nisi sapiente unde fugiat </p>
        <p style="color: red; text-align:center;"> nicht auf Lager </p>
      </div>
    </div>
  </div>
  
  </div>
</div>

Спасибо и прошу прощения за мой английский:)

Красная область на рисунке ниже - изображение.

enter image description here

...