JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
&nbsp;

JavaScript

function createPopOver(selector,another_arg) {
   console.log(selector);
  //$(selector).popover();
  $('[data-toggle="popover"]').popover({
  
  }).on('shown.bs.popover', function () {
    console.log("reached here1"+selector);
  });
  /*
  $("#123").popover({
    trigger: 'click',
    placement : 'left',
    container: 'body',
  }).on('shown.bs.popover', function () {
    console.log("reached here1"+selector);
  });*/
}


$(document).ready(function(){
    var panel = $('<p><a href="javascript://" id= "123" data-toggle="popover" title="Popover title" data-content="And here\'s some amazing content. It\'s very engaging. Right?" >123</a></p>');
     $('body').append(panel);
     panel = $('<p><a href="javascript://" id= "234" data-toggle="popover" title="Popover title 234" data-content="And here\'s some amazing content. It\'s very engaging. Right? 234" >234</a></p>');
     $('body').append(panel);
     panel = $('<p><a href="javascript://" id= "345" data-title="xyz" >345</a></p>');
     $('body').append(panel);
     panel = $('<p><a href="javascript://" id= "456" data-title="xyz" >456</a></p>');
     $('body').append(panel);      
    createPopOver("#123",'');
    createPopOver("#234",'');
    createPopOver("#456",'');

 });