This example is for an older version of Bootstrap (v.4). A newer version is available for Bootstrap 5.

Find detailed documentation and more examples here: Go to Docs v5

Basic example

Required HTML


<button type="button" class="btn btn-lg btn-primary" data-toggle="popover" title="Popover title"
data-content="And here's some amazing content. It's very engaging. Right?">Click
to toggle popover</button>

Required CSS


.popover {
  max-width: 700px;
}

Required JavaScript


$(function () {
   $('[data-toggle="popover"]').popover()
})