Bootstrap cdn effecting my page layout

I added the bootstrap 5.2 cdn to my header and all my pages narrowed and whenever I edit a block, it extends down several rows with each maneuver. So now every time I edit a block I have to go back and remove hundreds of rows from the bottom and my entire site has 1 inch white margins. 

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">

I'm using it to build a pricing page so I removed it from the sitewide header and just added it as a script to the bottom of my embedded pricing table. This way, only the pricing page has margins and the rest of the site looks okay.

Not an ideal solution because I'd like to add bootstrap to my homepage. Has anyone figured out a solution for this?

Yes. Bootstrap conflict with SS core code. I saw this since 2020

There are some solutions

• #1. Use CSS code to override Bootstrap code. You can share link to page where you use pricing code, we can check easier
• #2. Replicate your desired layout with another code. You can share page url, we can check easier