在引导程序中垂直定位.tooltip-inner

时间:2015-03-09 20:17:53

标签: javascript jquery html css twitter-bootstrap

默认情况下,箭头垂直对齐.tooltip-inner高度的50%或从元素到窗口顶部:

enter image description here

但我真正想做的是将箭头大约20px放到.tooltip-inner类的顶部或tooltip's content

enter image description here

我想它不能用.css完成,因为工具提示内容的高度是由javascript动态计算的。对此有何帮助?谢谢。 JSFIDDLE

2 个答案:

答案 0 :(得分:2)

设置上边距也可以:

.tooltip-arrow{margin-top:-13px}
.tooltip-inner{margin-top: 65px}

fiddle

没有!important 必需

答案 1 :(得分:1)

您可以使用!important。

覆盖使用css的那些
div.tooltip {
    top: 4px !important;    
}

div.tooltip-arrow {
    top: 15px !important;
}

Fiddle