twitter bootstrap подсказки над кнопками внутри таблицы не отображаются правильно

Question

Я пытаюсь показать кнопки со всплывающими подсказками внутри таблицы, используя twitter bootstrap.

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

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

Кнопки создаются АЯКС запросов, так вот как я инициализировать подсказки:

$('body').tooltip({ 
selector: '[rel=tooltip]:not(.disabled)', 
live: true, 
container: 'body' 

});

Вот jsfiddle для него: http://jsfiddle.net/danut007ro/y8vNr/

Answer 1

Проблема заключается в следующем:

.btn-group>.btn+.btn { 
margin-left: -1px; 
} 

Существует граница, и ваш используя -1 запас, чтобы скрыть OEn стороны, чтобы она выглядела единую пограничную линию , Если вы хотите прекратить прыгать, удалите это правило, но затем вы увидите две граничные линии между кнопками.

Реальное исправление было бы использовать это (помимо удаления вышеуказанного правила):

.btn { 
    border-left: 1px solid #ccc; 
    } 
.btn:last-child { 
    border-right: 1px solid #ccc; 
    } 

Answer 2

Набора данных контейнера = «тело» атрибут на элементах кнопки, которые добавляют элемент инструмента наконечника на тело. Он исправляет рывок, а также проблему пограничного радиуса на последней кнопке.