Разве высота столбца в Bootstrap не должна охватывать содержимое, если не указано иное?

Question

Я работаю над кодом для онлайн-обучения, которое я прохожу на начальной загрузке. Я следую точным шагам, упомянутым в тренировке, но в моем результате высота строки, которую я создаю, намного выше, чем должна быть.

Итак, обучение проводится на Bootstrap 3, но я использую bootstrap 4 (на случай, если это важная информация). Я создаю строку, а затем две колонки каждый col-md-2 для img, а затем помещаю изображения на них. Но тогда высота колонн намного выше, чем должна быть.

 <div class="container">
                <div class="row">
                    <img src="images/carousel-1.jpg" alt="1" class="col-md-2" />
                    <img src="images/carousel-2.jpg" alt="2" class="col-md-2" />
                </div>
            </div>

Я хочу, чтобы высота столбцов равнялась размеру изображений с допустимым отступом и полем, а не в 3-4 раза больше.

Изображение моего сайта:

Answer 1

Вы также можете добавить class = "img-responseive" к каждому элементу img. Это относится к максимальной ширине: 100%; и высота: авто; к изображению, чтобы оно хорошо масштабировалось до родительского элемента.

 <div class="container">
                <div class="row">
                   <div class="col-md-2">
                     <img src="images/carousel-1.jpg" alt="1"/>
                     <img src="images/carousel-1.jpg" alt="1"/>
                    </div>
                </div>
</div>