AngularJS a Bootstrap tooltip with span

Question

У меня есть веб-приложение Angular1.0.7. Я добавляю всплывающую подсказку Twitter Bootstrap 2 к тегу span, но всплывающая подсказка отображается очень узкой. Это не происходит со многими другими подсказками, которые у меня есть в приложении.

<span style="line-height: 45px" ng-show="controlSkipperType || createBoatPoliciesForm.skipperType.$error.validateSkipperType" class="text-error" ng-switch="skipperTypeError">     
    <span ng-switch-when="OPTIONAL_ERROR" style="position: relative; top: -15px; margin-left: 10px" class="pull-left">{{'SKIPPER_TYPE_OPTIONAL_ERROR' | translate}}.</span> 
    <span ng-switch="skipperTypeError" style="position: relative; top: -15px; margin-left: 10px"> 
    <i ng-switch-when="OPTIONAL_ERROR" class="fa-icon-question-sign" tooltip="Text to show in the tooltip"></i> 

Смотреть картину:

Answer 1

Что-то вроде этого:

div > div .popover-content { 
    min-width: 620px !important; 
}