How can use Static popover for text field?

Question

I want to make a text field that use static popover for it like this :

I want it show without clicking any button and it enable when the page is loaded.

How can i make this with popover?

Answer 1

By showing and hiding it manually using popover.show().

First, you set the trigger for the popover to manual using data-trigger='manual', or via javascript, then run popover.show() (assuming popover is your popover variable) on $(document).ready

HTML

<button id='yourPopoverButton'>Text</button>

Javascript

$('#yourPopoverButton').popover({trigger:'manual'});
$(document).ready(
    $('#yourPopoverButton').show();
)