Запустить
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap 3 - Медиа объект</title> <!-- Bootstrap --> <link href="/examples/vendors/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <!-- Контент страницы --> <div class="container"> <h1 class="h3 text-center page-header">Bootstrap 3 - Медиа объект</h1> <!-- Медиа объект --> <div class="media"> <!-- Контент, состоящий из заголовка и некоторого текста --> <div class="media-body"> <h4 class="media-heading">Текст заголовка</h4> Дорогие друзья, социально-экономическое развитие создаёт предпосылки качественно новых шагов для новых предложений. Не следует, однако, забывать о том, что социально-экономическое развитие в значительной степени обуславливает создание позиций, занимаемых участниками в отношении поставленных задач... </div> <!-- Медиа элемент (изображение). Класс media-left располагает медиа элемент относительно контента слева --> <div class="media-right"> <a href="#"> <img class="media-object" src="/examples/images/media-image-1.png" alt=""> </a> </div> </div> </div> </body> </html>