使用 bootstrap@4.5 的 ngbpopover 位置始终显示在 angular9 左侧答案

【问题标题】：ngbpopover placement always showing left in angular9 using bootstrap@4.5使用 bootstrap@4.5 的 ngbpopover 位置始终显示在 angular9 左侧
【发布时间】：2020-08-30 12:10:55
【问题描述】：

我在我的应用程序中使用 ngbPopover 引导程序，我已将我的应用程序从 5 版本升级到 9 版本并更新了引导程序版本 4.5 和 @ng-bootstrap6。升级后，此弹出框始终显示在左侧。我尝试更改放置选项，但没有用。

我怎样才能把它移到右边？有没有人遇到过类似的问题？我也尝试安装 popover.js 和 J QUERY 但没有用。始终放置在左侧。

<li class="nav-item main-menu-right-option">
          <a class="nav-link link-icon" href="javascript: void(0)" [ngbPopover]="alertsModal" #popoverAlert="ngbPopover" placement="bottom-right">
            <i class="icon icon-alert">
              <span class="icon icon-dot icon-custom-dot"></span>
            </i>
            <span class="d-inline-block d-sm-none nav-link-text">Alert</span>
          </a>
</li>
<ng-template #alertsModal let-c="close" let-d="dismiss">
    <div class="modal-header">
        <div class="modal-title align-self-center">alerts</div>
    </div>
</ng-template>

如果需要更多详细信息，请告诉我。

谢谢你，普拉文

【问题讨论】：

标签： html angular typescript bootstrap-4 angular9

【解决方案1】：

我在 html 中缺少 autoClose 选项，并且我的项目中有 texttransform 样式覆盖了 ngbpopover 样式。我将 autoClose 添加为 false 并删除了 texttransform 样式。按预期工作。

谢谢。

【讨论】：