Опубликовано Оставить комментарий

Bootstrap 3 элементы мультимедиа

Медиаобъекты в Bootstrap
Медиаобъекты в Bootstrap

Bootstrap 3 элементы мультимедиа — Набор абстрактных стилей для построения компонентов различных типов (подобно комментариям блога, твитам ти т.д.). Они содержат изображения, выровненное по правой или по левой стороне, относительно содержимого. Также могут быть размещены другие медийные объекты — видео, аудио; они также выравниваются по одной из сторон.

Bootstrap 3 элементы мультимедиа

https://youtu.be/cdZYV_1srnc

Типичный код оформления медиаобъектов в Bootstrap:

<div class="media">
  <div class="media-left">
    <a href="#">
      <img class="media-object" src="..." alt="...">
    </a>
  </div>
  <div class="media-body">
    <h4 class="media-heading">Media heading</h4>
    ...
  </div>
</div>

В результате получается набор элементов:

Пример медиаобъектов в Bootstrap
Пример медиаобъектов в Bootstrap

Подобным образом можно оформить новости в блоке, описание товаров, комментарии на сайте, рекламные публикации и д.р.

Добавить комментарий