Красивые панели для выделения информации

Панель с большой тенью

Некоторый важный текст

Панель с малой тенью

p-3 my-3 text-muted shadow-sm border-left-primary

Панель с иконкой

p-3 my-3 text-muted shadow-sm border-left-primary

Панели с разным цветом левой границы

p-3 my-3 text-muted shadow-sm border-left-info
p-3 my-3 text-muted shadow-sm border-left-success
p-3 my-3 text-muted shadow-sm border-left-danger
p-3 my-3 text-muted shadow-sm border-left-secondary

Панели с явной границей

p-3 my-3 text-muted shadow-sm border-left-warning border

Как реализовать: 

<h3>Панель с большой тенью</h3>
<div class="p-3 my-3 text-muted shadow-lg border-left-primary ">
  Некоторый важный текст
</div>

<h3>Панель с малой тенью</h3>
<div class="p-3 my-3 text-muted shadow-sm border-left-primary ">
  Некоторый важный текст
</div>

<h3>Панель с иконкой </h3>
<div class="p-3 my-3 text-muted shadow-sm border-left-primary ">
  <i class="fa fa-bars mr-2"></i>Некоторый важный текст
</div>

<h3>Панели с разным цветом левой границы </h3>
<div class="p-3 my-3 text-muted shadow-sm border-left-info ">
  <i class="fa fa-bars mr-2"></i>Некоторый важный текст
</div>
<div class="p-3 my-3 text-muted shadow-sm border-left-success ">
  <i class="fa fa-bars mr-2"></i>Некоторый важный текст
</div>
<div class="p-3 my-3 text-muted shadow-sm border-left-danger ">
  <i class="fa fa-bars mr-2"></i>Некоторый важный текст
</div>
<div class="p-3 my-3 text-muted shadow-sm border-left-secondary ">
  <i class="fa fa-bars mr-2"></i>Некоторый важный текст
</div>
<h3>Панели с явной границей </h3>
<div class="p-3 my-3 text-muted shadow-sm border-left-warning border">
  <i class="fa fa-bars mr-2"></i>Некоторый важный текст
</div>

Насколько полезна эта возможность?

Другие модули

Поздравление клиента с днем рождения. Как увеличить касания с клиентами

Комментарии с флажками

Оконный интерфейс пользователя в личном кабинете на сайте - терминалы

Управление статусом заявки на сайте

Отправка действий в браузер пользователю (пуш, алерт и т.д.)

Добавление звука на сайт при действиях пользователя. Как сделать звук на сайте

Копирование текста в буфер обмена

Горизонтальный скроллинг на телефоне - прокрутка панелей вправо на мобильном экране

Последние обновления

Платформа Falcon Space

Это снижение стоимости владения

за счет меньшего количества людей для поддержки

Это быстрое внесение изменений

по ходу эксплуатации программы

Это современный интерфейс

полная адаптация под мобильные устройства