Запустить
<!doctype html> <html lang="ru"> <head> <title>Bootstrap 4 - Демонстрация компонента media</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"> <!-- Контент, состоящий из заголовка и некоторого текста --> <div class="media-body"> <h5 class="mt-0">Media heading</h5> Lorem ipsum dolor sit amet. Quae ab illo inventore veritatis et iusto odio. Delectus, ut labore et harum. Ipsam voluptatem, quia non provident, similique sunt. Suscipit laboriosam, nisi ut perspiciatis, unde omnis dolor repellendus veniam, quis nostrum. Quod maxime placeat, facere possimus, omnis dolor sit, amet, consectetur, adipisci velit. Minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda. Quod maxime placeat, facere possimus. Quos dolores et harum quidem rerum necessitatibus saepe. </div> <!-- Медиа элемент (изображение) --> <img class="ml-3" src="/examples/images/media-image-3.png" alt="..."> </div> </div> </body> </html>