如何像Modalbox一样在屏幕中央打开bootstrap popover？

<button type="button" class="btn btn-primary" data-toggle="popover" data-placement="auto" title="Popover Title" data-content="Popover Content">Open Popover</button>

$(function () {
  $('[data-toggle="popover"]').popover({
    container: 'body',
    placement: 'auto'
  });
});

.popover {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

$(function () {
  $('[data-toggle="popover"]').on('shown.bs.popover', function () {
    var popover = $(this).data('bs.popover').tip();
    var popoverWidth = popover.outerWidth();
    var popoverHeight = popover.outerHeight();
    popover.css({
      'margin-left': -popoverWidth / 2 + 'px',
      'margin-top': -popoverHeight / 2 + 'px'
    });
  });
});