Im not able to get the page to be responsive and resize correctly in codepen. Im doing this with bootstrap. The funny thing is that it works on my repl.it project . This is a project I have to submit using codepen , so I cant use repl.it for it.

Basically, how do I get the bootstrap library to work correctly in codepen. Im facing the same issue with google fonts too. Codepen Project -> Tribute Page (codepen.io)

Im using container fluid so that the page is responsive. It works on repl.it

[The code is really long and messy so I didnt send it .]

  <div  id="main">

Please do note that the project isnt quite finished yet

CodePudding user response：

I think you should use the link in the official docs, I've tried it on codepen and it might work

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

CodePudding user response：

I researched the net and I found that we need to put all the stuff in the head tag over here codepen area for entering stuff in the head such as links