Twitter bootstrap Ngx引导popover未设置正确的高度或宽度

我正在尝试在我的Ionic 2/Angular 2应用程序中使用popover，但由于某些原因，popover无法在我的视图中正确显示：

<button
  placement="right"
  [outsideClick]="true"
  popover="this is a teseofnwifo ef efo efoih wefohwefo wef  h ioef  whefhweofihwoeht"
  [isOpen]="true"
  triggers="click"

  ion-button full outline 
  class="flex-col rounded box-shadow" 
  color="primary" 
  style="height:100%;font-size:16px;border-width:1px;" 
  (click)="goTo('new-client')" #1>
  <i class="fa fa-user-plus text-shadow" padding style="font-size: 150px;color:red;"></i>
  <span style="font-size:32px;text-transform:none;">New Client</span>
</button>

设置container=“body”，如演示中所示：

---

如果它能固定大小，那么有什么东西会影响popover风格

我使用的是Angular 9。我唯一的办法就是使用ng deep在全球范围内强制改变它

::ng-deep popover-container {
    max-width: 100% !important;
    background-color: black !important;
    color: white !important;
}

::ng-deep .bs-popover-bottom>.arrow::after {
    border-bottom-color: black !important;
}

---

你试过使用工具提示吗？工具提示间距有效，但我需要一个popoverI即使在添加

容器之后，我仍然有相同的问题，然后需要stackblitz示例
::ng-deep popover-container {
    max-width: 100% !important;
    background-color: black !important;
    color: white !important;
}

::ng-deep .bs-popover-bottom>.arrow::after {
    border-bottom-color: black !important;
}