AngularJS带有跨度的Bootstrap工具提示

时间:2015-04-23 17:14:02

标签: angularjs twitter-bootstrap twitter-bootstrap-2

我有一个Angular1.0.7 Web应用程序。我正在将一个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>

见图: enter image description here

1 个答案:

答案 0 :(得分:0)

这样的事情:

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

enter image description here