Using Bootstrap with CodePen

Using Bootstrap with CodePen


Recently CodePen defaulted to Bootstrap 4 when you choose it in the CSS settings page.

fCC trains you on the 3.3.5 version that was previously defaulted in CodePen.

There are definitely some changes to the class names and usage.

CobePen default now:

Switching to on older Bootstrap will fix some of the issues you may be seeing.

Got to Settings, then to CSS, then Add External CSS and over the existing Bootstrap entry, paste this:

When you’re done, you should have only one Bootstrap, the rev 3.3.5.

The other option would be to keep using the most recent Bootstrap and use CSS to make the adjustments you want.

You can check the differences between version 3 and 4 in this article from Bootstrap:

Portfolio Project Bootstrap 3 or 4? HELP NEEDED!
I've made my tribute page!
Feeling frustrated over Portfolio Project <pls help>
Please help with some feedback on my tribute page
Tribute Page - Alain de Botton
Feedback - tribute page - KIZ
Tribute Page Problem
Hi, I am Ali, this is my first project, any feedback i will be appreciated
A tribute page for my cousin Iniye
Be careful with alpha versions
closed #2