Ngx-bootstrap工具提示：手动更改位置值

Question

我在 Angular 4 应用程序中使用ngx-bioostrap。

我正在使用 ngx-bootstrap Tooltip 小部件：

Ater导入它我在组件视图中使用它：

<button type="button" class="btn btn-primary"
        tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
        placement="right">
  Simple demo
</button>

如您所见，我正在使用正确选项

但这对我来说还不够，因为我想将其位置左和顶部设置为特定值。

我尝试了几种方法;例如，使用 jquery 来覆盖jquery的样式，如下所示：

  ngAfterViewInit() {
    $('.nomadis').mouseover(function () {
      $('bs-tooltip-container').css({'left': '100px' , 'top':'50px'});
    });
  }

即便如此;工具提示的位置仍处于第一个状态。

有任何手动调整位置的想法吗？

Answer 1

我会做什么

1 - 检查元素

2 - 注意它的类

3 - 在您的常规样式中，如果必须，使用!important属性覆盖此类。