Стилизация Tooltip (Bootstrap 3) | Блог веб-разработчика Евгения Молодецкого

Стилизация Tooltip (Bootstrap 3)

09.08.2018 | Написал

Я чуть ранее писал о стилизации Tooltip для Bootstrap версии 4. Добавлю про стилизацию компонента всплывающих подсказок для 3-й версии.

Менять необходимо следующие стили:

.tooltip-inner {background-color: #fff;color: #333;font-size: 12px;-webkit-box-shadow: 0 0 15px rgba(0,0,0,.25);box-shadow: 0 0 15px rgba(0,0,0,.25);border-radius:0;padding:8px 12px;text-align: left;}
.tooltip.top .tooltip-arrow {border-top-color: #fff;}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #fff;}
.tooltip.left .tooltip-arrow {border-left-color: #fff;}
.tooltip.right .tooltip-arrow {border-right-color: #fff;}
Метки: ,
Комментарии читателей статьи "Стилизация Tooltip (Bootstrap 3)"

Нет комментариев.

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

Ваш e-mail не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.