bootstrap-vue/src/components/popover/fixtures/popover.html

Quickly integrate Bootstrap 4 components with Vue.js

<div id="app">
    <h4 class="mt-sm-4 ms-sm-4 text-muted">Placement</h4>
    <div class="row">
        <div v-for="placement in ['top', 'left', 'right', 'bottom']" :key="placement">
            <b-btn :id="placement" variant="primary">{{ placement }}</b-btn>
            <b-popover :target="placement" :placement="placement" :title="placement">
                {{ placement }}
            </b-popover>
        </div>
    </div>
</div>