如何在使用输入附加时定位引导工具提示

Question

使用以下代码，我将引导程序tooltip附加到文本框。现在我想知道如何将它放在顶部或底部，左侧和右侧？

在我的情况下，tooltip位于文本框的顶部，但我希望它显示在底部。

var options = { 
    html: true, 
    title: '<div class="tooltip-alert alert-danger" data-placement="bottom">' + message + '</div>' 
};

$(inputElement).addClass('validation-error');
inputElement.tooltip("destroy").addClass("error").tooltip(options);

Answer 1

根据documentation，您需要设置placement选项以达到您的需要。试试这个：

var options = { 
    html: true, 
    placement: 'bottom',
    title: '<div class="tooltip-alert alert-danger" data-placement="bottom">' + message + '</div>' 
};

$(inputElement)
    .addClass('validation-error error')
    .tooltip("destroy")
    .tooltip(options);