Подтвердить что ты не робот

Всплывающая подсказка Bootstrap, вызывающая кнопки для перехода

Когда я нажимаю кнопку и появляется всплывающая подсказка, кнопки переключаются. Если я отключу всплывающую подсказку, он не прыгнет. Кроме того, правая кнопка теряет закругленные края. Как я могу предотвратить это?

<div class="btn-group">
    <a rel="tooltip" class="btn" href="#" data-title="View Details"><i class="icon-list-alt"></i></a>
    <a rel="tooltip" class="btn" href="#" data-title="Delete"><i class="icon-trash">    </i></a>
</div> 

JavaScript:

$('[rel=tooltip]').tooltip();

Рабочая версия...

http://jsfiddle.net/BA4zM/147/

Вот веб-сайт, на котором он работает без прыжка...

http://wrapbootstrap.com/preview/WB005S479

4b9b3361

Ответ 1

Чтобы избежать перехода, вам необходимо установить атрибут контейнера. Это документировано.

При использовании всплывающих подсказок и popovers с группами ввода Bootstrap, вам нужно будет установить опцию контейнера, чтобы избежать нежелательные побочные эффекты.

Попробуйте следующее:

$('[rel=tooltip]').tooltip({container: 'body'});