Question

我正在研究Bootstrap 4的工具提示和弹出窗口，以便能够自定义任何箭头或背景色，文本等。这就是我发现的。随时添加您的代码或要求特定的结果。

此外，我很有趣地看到Bootstrap 4 Docs上缺少的弹出HTML标记的外观

我创建的codepen：https://codepen.io/jaabert/pen/bZJZVp

注意（ptw）！important在

上的使用非常重要

public static int sumOfNumbers(int... params) {

    int sum = 0;

    for (int i : params) {
        sum += i; //Same as sum = sum + 1;
    };

    return sum;
}

只需覆盖B4样式，因为默认情况下工具提示不是100％不透明。

Answer 1

我已经用popover html标记和一些解决方案更新了Codepen，这些解决方案不是优雅的，而是简单有效的普通CSS。另外，请注意“ bs-popover-top”上的子儿子伪元素样式：

      <div class="popover bs-popover-top show" role="tooltip">
        <div class="arrow" style="left: 50%"></div>
        <h3 class="popover-header">Popover header</h3>
        <div class="popover-body">Popover -body</div>
      </div>

https://codepen.io/jaabert/pen/bZJZVp

Bootstrap 4工具提示和Popover上的自定义样式（箭头，Bg等。）

1 个答案: