Подсказки на Bootstrap

Давайте рассмотрим создание подсказок на Bootstrap. Если взглянуть на демо и навести на нижник кнопки, то увидим подсказки на черном фоне, давайте разберемся, как мы этого добились.

<a href="#" class="btn btn-info" data-toggle="tooltip" title="Read more about senior pets">Read more >></a>

А все очень просто, мы прописали data-toggle="tooltip" и title для нашего элемента. Так же можно было сделать вывод подсказок снизу, справа, слева, сверху, для этого достаточно прописать data-placement="top" или bottom, left, right соответственно. Как всегда подробности на getbootstrap.com

И еще, т.к. мы работаем с jQuery, то не забудьте инициализировать наши подсказки

<script>
	$('a.btn-info').tooltip()
</script>

Смотреть демо скачать урок

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Scroll Up
Adblock detector