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

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

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

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

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

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

Типичный код оформления медиаобъектов в 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

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


Об авторе

@altarasov administrator

Вы должны быть авторизованы, чтобы оставить комментарий.