Подсказка jQuery застряла в левой части страницы, не реагируя на размещение/положение

У меня есть всплывающая подсказка jQuery, которая должна зависать над заголовком моей таблицы. Он отображается в дальней левой части моего экрана без форматирования — просто черный текст. Я пытался использовать атрибуты размещения и позиции jquery безрезультатно. Код:

.container
.row
    .col-sm-12
        %ol.breadcrumb
            %li
                = link_to 'Dashboard', dashboard_index_path
            %li
                = link_to 'Phase 3', phase_path( 3 )
            %li
                = link_to 'Step 1', phase_step_path( @phase, @step )
            %li
                Activity 3: Treatment Adaptations Table
.row
    .col-sm-12
        %h1
            Activity 3: Treatment Adaptations Table


        %p
            To review instructions, see
            = link_to 'Phase 3 Step 1 guide', phase_step_path( @phase, @step )
    %table.table.table-bordered 
        %thead
            %th{"data-toggle" => "tooltip", "title" => "tooltip"}
                Specify reason(s) for the adaptation
            %th{"data-toggle" => "tooltip", "title" => "tooltip"}
                Identify any specific concerns about the adaptation
            %th{"data-toggle" => "tooltip", "title" => "tooltip"}
                How will concerns be addressed?
            %th{"data-toggle" => "tooltip", "title" => "tooltip"}
                Specify how the adaptation will be made
            %th{"data-toggle" => "tooltip", "title" => "tooltip"}
                Who will carry out the adaptation?

jQuery:

$('[data-toggle="tooltip"]').tooltip({
  'placement': 'top'
});