JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container1" style="border:1px solid green; margin-left: 300px; width: 250px;"> <a href="#" id="popoverLink1">Popover link</a></div>
<br>
<br>
<div id="container2" style="border:1px solid green; width: 250px;"> <a href="#" id="popoverLink2">Popover link</a></div>

JavaScript

$('#popoverLink1').popover({
    placement: 'auto right',
    trigger: 'click',
    container: '#container1',
    content: 'Popover content'
});

$('#popoverLink2').popover({
    placement: 'auto right',
    trigger: 'click',
    container: '#container2',
    content: 'Popover content'
});