Jump to content

Bootstrap cdn effecting my page layout

Recommended Posts

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?

Link to comment
  • Replies 1
  • Views 857
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.