2015-05-06 5 views
-1

Довольно стандартное использование всплывающей подсказки Bootstrap Popover. Любая идея, почему форматирование отключено на стрелке?Bootstrap Popover Arrow не работает

<div style="display:inline-block;"> 
    <a id="pop" href="#" data-toggle="popover" data-content="<%= user.experience.description + ' Average ' + user.experience.name + ' Developer rate is ' + user.experience.hourly_range %>"><%= image_tag('question.png', :class=>"question") %></a> 
</div> 

.

$(function(){ 
     $('[data-toggle="tooltip"]').tooltip({ 
      'placement': 'top' 
     }); 
     $('[data-toggle="popover"]').popover({ 
      trigger: 'hover', 
       'placement': 'top' 
     }); 


}); 

demonstration

+0

У вас есть некоторые пользовательские проклейки CSS в игре? – isherwood

+0

«Довольно стандартный», если он был стандартным, он будет работать так же, как на примерах начальной загрузки. Ссылка на ваш код. –

+0

Вот ссылка на страницу, где вы можете увидеть ошибку: https://getdev-staging.herokuapp.com/. Позвольте мне знать, что еще нужно предоставить. –

ответ

0

Укажите тело в качестве контейнера для подсказки:

$('[data-toggle="tooltip"]').tooltip({ 
    container: 'body' 
}); 
Смежные вопросы