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?