Hola estoy con el diseño de una web api, y soy muy nuevo en esto, tengo el problema que me gustaria que saliera un popover de Bootstrap, al crear un nuevo evento en el calendario. tal que así;


mi codigo es este;

<div class="row"> <div class="col-md-6"><div id="calendar"></div></div> </div>
 
 
 
 
$('#calendar').fullCalendar({
      header: {
 
      left: 'today',
      center: 'prev title, next',
      right: 'month,agendaWeek,agendaDay'
      },
      firstDay:1,
      businessHours:{start: '10:00',end: '22:00',dow: [ 1, 2, 3, 4,5 ]},
      defaultView:'agendaDay',
      axisFormat: 'HH:mm',
      selectable:true,
      selectHelper:true,
 
      select: function(start, end, allDay) {
        $(this).popover({container: ".parent"});
        $(this).popover('show');
 
 
        },

Mod: Resolución máxima de las imágenes 800x600px