Как сделать popover на bootstrap 2?

@deion 

Для создания popover на Bootstrap 2 необходимо следовать следующим шагам:

1. Подключите необходимые файлы Bootstrap 2 к вашей странице. Как минимум, вам потребуется подключить файлы bootstrap.css и bootstrap.js.

1
2

<link rel="stylesheet" href="https://cdn.jsdelivr.net/bootstrap/2.3.2/css/bootstrap.css">
<script src="https://cdn.jsdelivr.net/bootstrap/2.3.2/js/bootstrap.js"></script>

1. Добавьте элементу, для которого вы хотите создать popover, атрибут rel с значением "popover" и атрибут data-content с содержимым popover.

1

<button type="button" rel="popover" data-content="Popover Content">Popover Button</button>

1. Инициализируйте popover с помощью следующего JavaScript-кода.

1
2
3
4
5

<script>
$(function () {
    $('[rel="popover"]').popover();
});
</script>

Теперь при клике на кнопку "Popover Button" будет показан popover с содержимым "Popover Content".

@deion 

Для создания popover на Bootstrap 2 необходимо следовать следующим шагам:

1. Подключите файлы CSS и JavaScript Bootstrap 2 к вашей странице:

1
2

<link rel="stylesheet" href="https://cdn.jsdelivr.net/bootstrap/2.3.2/css/bootstrap.css">
<script src="https://cdn.jsdelivr.net/bootstrap/2.3.2/js/bootstrap.js"></script>

1. Добавьте элементу, для которого вы хотите создать popover, атрибут rel с значением "popover" и атрибут data-content с содержимым popover:

1

<button type="button" rel="popover" data-content="Popover Content">Popover Button</button>

1. Инициализируйте popover с помощью следующего JavaScript-кода:

1
2
3
4
5

<script>
$(function () {
    $('[rel="popover"]').popover();
});
</script>

Теперь при клике на кнопку "Popover Button" будет показан popover с содержимым "Popover Content". Не забудьте, что Bootstrap 2 устарел, поэтому рекомендуется обновиться до более новой версии.