Yes. in the head section.
bootstrap is like … <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
don't put ```<p>``` tags in head though.
Thank you @pompan129 and @MarkoN95 - I suspected that Codepen just appends the html and head tags. Thank you.
Here is what I have done in sublime.
(where I have downloaded local Bootstrap)
I still don’t understand where to put the script - BenGitter (sorry I can’t mention you) , you said after the html toward the bottom, but when we were going through the lessons in Free Code Camp, the script tags were put at the top? Or am I making that up?
So, would I put this right before the body closing tag?
They were most likely placed above your own code. So order is very important, you will first have to add jQuery and then your own code (if your code uses jQuery of course).
The idea of placing your scrip tags just above </body> is to have the browser render your HTML without it waiting for the scripts to download. So the JS isn’t run any faster, but the user does have a nice site to look at faster.
There seems to be a newer, better solution:
I hope I didn’t confuse you Anyway don’t bother too much about it as long as it works…
@hejira42 If you already have an existing codepen, just click export in bottom right corner of your codepen. Download the zip and extract. Then open that folder as a project with your code editor. Bootstrap, jQuery and any other library or framework that you’ve used in your codepen will be added automatically.
That said. The slow and cumbersome way of manually adding and typing what you need is of course better for learning and retaining.
I exported your project to my machine and it looks different from your screenshot. But I think it is better to start with looking at your codepen first. Note how you use an internal style sheet.on the html page. Even thought it works it far from optimal, and it creates some very odd tags when exported to a project.
You will be working mostly with external stylesheets anyway so this is a right moment to learn how to use them. Try this. Remove the style tags entirely and add the styling to the css sheet instead. in you codepen. This is what I did on my tribute page .
Let me know when you’re done and we’ll look at exporting the project after that.
Yes - I do see those weird tags on export. I thought it had to do with codepen styling, not my internal styling in the head.
That’s frustrating. When going through the first unit in FCC we used <style> in the head of the HTML page. And you’re right, I do want to learn the things that codepen is making hard to see, yet easy to use.
I’ll fix this tomorrow and we’ll have another look.