Какова наиболее распространенная ошибка, которую Вы делаете при записи модульных тестов? [закрытый]

Вы можете использовать класс «col-6» (без использования xs, md, lg и т. Д.). Это разделит контейнер на два на любой ширине экрана:

  

    
  
  

    
Contrary to popular belief, Lorem Ipsum is not simply random text...
    read more >>>
  

Вы можете узнать больше о системе сетки начальной загрузки здесь: https://getbootstrap.com/docs/4.0/layout/grid/

Что касается изображения, вы можете попробовать использовать классы начальной загрузки, чтобы установить отзывчивость: «Изображения в Bootstrap сделаны отзывчивыми с помощью .img-fluid. Max-width: 100%; и height: auto ; применяются к изображению так, чтобы оно масштабировалось вместе с родительским элементом. "

Другой подход будет использовать подгонку объекта, как описано здесь: https://developer.mozilla.org / en-US / docs / Web / CSS / object-fit

Некоторые примечания: h4 не может быть дочерним по отношению к p, и элементы внутри .row (например, h3) следует обернуть с классом .col-x (в вашем случае col-12).

Надеюсь, что это помогает.