Question

我会保持这简短而甜蜜。我不知道有一种方法来动态冻结JavaScript / HTML以调试Bootstrap UI中显示的工具提示，但我能够追踪并修改大多数默认的“黑色”基色。但是，我无法找到代码所在的位置来更改我在此处构建的工具提示中的顶部“箭头”：http://jsfiddle.net/jodriscoll/xPCST/。

/* override the tooltip color theme */
.tooltip-inner,
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow,
.tooltip.right .tooltip-arrow,
.tooltip.left .tooltip-arrow
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    background-color: rgb(220,40,30);
    border-color: rgb(220,40,30);
}

如果有人可以让我知道此代码的位置，或者如何在页面上暂停JavaScript以便我可以将正在创建的容器定位到页面底部，我将非常感激：）

Answer 1

您需要在bootstrap css中更改以下内容

.tooltip-arrow {
    border-bottom-color: #000;
}

或者您可以在自己的自定义CSS中覆盖它

请参阅jsfiddle - http://jsfiddle.net/xPCST/12/

试图修改Bootstrap工具提示的工具提示颜色

1 个答案: