Стилизация 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)"

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

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

Ваш адрес email не будет опубликован.

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