Media Coloring — TheAdmin

Apply .media-inverse and .bg-* utility class to .media.

Try other colors

Change the background and see the result

<div class="media media-inverse bg-primary">
  <p>Change the background and see the result</p>
</div>

.bg-pale-* utility class applies to .media.

Try other colors

Change the background and see the result

<div class="media bg-pale-primary">
  <p>Change the background and see the result</p>
</div>

.media-new applies to .media. Use this class to distinguish a new media from other medias in a media-list.

Single line item

<div class="media media-new">
  <p>Single line item</p>
</div>

Use border utility classes to add a border with a specific color to any side.

Single line item

<div class="media bl-3 border-primary">
  <p>Single line item</p>
</div>