How do I adjust the bootstrap pop-over position?

Asked 2 years ago, Updated 2 years ago, 24 views

As shown in the attached image, data is being displayed using pop-over of bootstrap for each country in the svg file. But in reality, the country is using a rectangular space that is larger than the picture, so pop-overs are attached to the far end of each country. Is there a way to change the absolute position of the pop-over? The relative position so that it comes out in the center of the country?

<pathid="Australia" class="land" data-title="Australia" data-toggle="popover" data-content="covid" data-placement="bottom" data-trigger=">

<script>
    $(function(){
        $('[data-toggle="popover"]').popover();
    });
</script>

python html javascript css bootstrap

2022-09-21 10:06

1 Answers

There's a place called Bishop and Clark Island... In addition, according to document, you can give us the offset option.

I don't know because I haven't done it either, but anyway, Poper.js' option will work. Give it a try it!


2022-09-21 10:06

If you have any answers or tips


© 2024 OneMinuteCode. All rights reserved.