Codepen navbar

The gist of it is open source. Anyone can use the code you put on CodePen for whatever they wish – but if they do – that code also must have this same license . This is to encourage open sharing of code. Remember that any code you post on CodePen should be compatible with this license or it is subject to removal.

If you want to use Bootstrap on your pen, go to the external stylesheets of the CSS section, type “Bootstrap”, select the option you want to use and include as many sources as you need !

By default, every time you save your project runs and automatically updates the preview. You can save and run your project by clicking the “Save All + Run” button in the header . You can also use the keyboard shortcut to save your current file (Command + S for Mac, CTRL + S for PC).

How much does CodePen Cost? It can be as inexpensive as free . Students and teachers alike could use CodePen’s free plan and accomplish a lot.