css - Bootstrap 工具提示左下角位置

Question

在我的表单验证中，我使用 Bootstrap 工具提示来显示错误信息。
我调整了 css 来改变外观 (img 1)

/* Tooltip */
form .tooltip > .tooltip-inner {
    background-color: #843534;
    color: #FFFFFF;
    border: 0px;
    padding: 0 4px;
    font-size: 9px;
    letter-spacing: 0.5px;
}
.tooltip.bottom {
    padding: 0px !important;
    margin-top: -6px !important;
}
/* Tooltip arrow */
form .tooltip.top > .tooltip-arrow,
form .tooltip.bottom > .tooltip-arrow,
form .tooltip.left > .tooltip-arrow,
form .tooltip.right > .tooltip-arrow {
    border: 0px;
}

我会像 img 2 一样将工具提示放在元素的左侧，但我还没有找到办法。 (左下不工作)

Bootply

我该怎么做？谢谢

Answer 1

按照你的笔，把这个css加到你的css中就可以了

.tooltip.fade.bottom
{
  left:30px !important;
}

我只是使用 !important 来覆盖当前的左值，你会得到你的结果。