bootstrap 4 popover标题未对齐

Question

嘿，我在使用带有弹出窗口的bootstrap 4（使用Laravel）时遇到以下问题：

正如您所看到的，标题（h3）以某种方式位于文本的左侧，但是当它淡出时，它似乎正确对齐。我已经尝试了很多东西来解决这个问题，但我无法解决它。

我的<a>看起来如下，使用字体awesome：

        <a tabindex="{{ $concept->id }}" class="fa fa-info-circle no-link" id="popover-concept-{{$concept->id}}" aria-hidden="true" role="button" data-toggle="popover" data-container="body" data-trigger="focus" title="Last edited on" data-content="{{ $concept->updated_at }}"></a>

我的弹出窗口jquery如下：

        $('[data-toggle="popover"]').popover({
            delay: {"show" : 250, "hide" : 250},
            placement: "top",
            trigger: "hover",
            offset: "0 48px", // tether
            //template: '<div class="popover" role="tooltip"><div class="popover-arrow"></div><div class="popover-content"></div></div>',
            container: 'body',
        });

我已经尝试删除了身体容器，更改了偏移..等等。点击它（或任何其他方式）切换它也不能解决它。当我将模板更改为不包含h3标题时，它将正常工作..但我真的想要标题..

Answer 1

没有看到它很困难，但要确保你的h3.popover-title上没有浮动并显示阻止。问题可以从其他地方继承下来

float: none;
display: block;