[code]<button type="button" class="btn btn-default" 
    data-container="body" 
    data-toggle="popover" 
    data-placement="top" 
    data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Popover on top
</button>

[code]<button type="button" class="btn btn-secondary" 
    data-bs-container="body" 
    data-bs-toggle="popover" 
    data-bs-placement="top" 
    data-bs-content="Top popover">Popover on top
</button>

<script>$(function () {
  $('[data-bs-toggle="popover"]').popover()
})
</script><button class="btn btn-lg btn-danger" data-bs-content="Info Text" data-bs-placement="bottom" data-bs-toggle="popover" title="Header of Box" type="button">Button Text</button>
<style type="text/css">.popover{
            max-width:600px;
        }
</style>