How to limit Bootstrap style actions?

Question

css

Hello.
There is a site on wp. I use a shortcode to connect a vue component to one of the pages, the component uses Bootstrap vue for styles. Everything would be fine, but the bootstrap styles overlap the general layout styles of the site footer, where the bootstrap is not used at all, how can you limit the effect of the bootstrap styles only on the vue component itself? limited via Style scoped does not work

Answer 1

I would like to see what conflicts there at all ... I don’t remember something like that bootstrap conflicted with something directly, very hard, even with a screen with a debugger