0

我会保持这个简短而甜蜜的。我不知道有一种方法可以即时冻结 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,以便我可以将正在创建的容器定位到页面底部,我将不胜感激:)

4

1 回答 1

1

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

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

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

见 jsfiddle - http://jsfiddle.net/xPCST/12/

于 2013-11-13T14:00:31.603 回答