Запустить
<!doctype html> <html lang="ru"> <head> <title>Bootstrap 4 - Медиа объект</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link href="/examples/vendors/bootstrap-4/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <!-- Контент страницы --> <div class="container"> <h1 class="h4 text-center my-5">Bootstrap 4 - Медиа объект</h1> <!-- Медиа объект --> <div class="media"> <!-- Медиа элемент (изображение) --> <img class="mr-3" src="/examples/images/media-image-1.png" alt="..."> <!-- Контент, состоящий из заголовка и некоторого текста --> <div class="media-body"> <h5 class="mt-0">Текст заголовка</h5> Дорогие друзья, социально-экономическое развитие создаёт предпосылки качественно новых шагов для новых предложений. Не следует, однако, забывать о том... </div> </div> </div> </body> </html>