Hello everyone and welcome back to our bootstrap course.
In this lecture we're gonna be showing you how to import bootstrap into your Web site.
So here I have the basic temporary for web set up from J.S. Ben.
And I'm just going to add bootstrap to this Web site because without adding bootstrap into the page
then I wouldn't be able to access bootstraps classes styling etc. So I have to get bootstrapped into
the page so to do that I'm going to go to get bootstrap dot com.
This Web site and click on get started and then click on the download button here.
So go to the download page and I'm just going to zoom in a little here and scroll down to here where
we had the section bootstrap CBN.
And what you won't need is this section as well as this section down here.
So this top section is two lines of code.
The first is the style sheet which contains bootstrap styling and the second is the source to the bootstrap
CBN ICD and means that you can use bootstrap without downloading it.
You can just included script and this will allow you to access bootstrapped the script and just before
those two you also have to add these two script tags as well which includes J.
Query and Popper as you can see these are just required if you are using the CBN and we are using the
CBN because we're gonna be testing our projects on J.S. bin and on James Bean.
We can't download and bring in bootstrap.
So instead we're going to access it the scripts if you prefer to download bootstrap manually onto your
computer you can do that as well.
So right just copy this one and piece over to just spin and then copy this one and pasted just above
these two in Jaspan as well.
So what is going to look like is this just before the closing body tag paste in those four different
scripts.
So you notice at first I have the J Craig and I have the paper then I have a s sheet and then I have
a bootstrap CDM.
You can also put style sheets into the head as is typical but for testing purposes it's fine to leave
the style sheet in the body as well.
OK great.
So this is the template code for every Web site you can make that you want to include bootstrap bins
for next time you want to start a project you can use this exact code as your template for the project.
OK.
Thank you all for watching this far.
Now that you have put in bootstrap you won't see any changes in the output but you will now be able
to use bootstrap classes to create automatically styled and aligned and designed elements on your page.
So instead of having default elements in default e-mail and CFS bootstrap or style them for you.
OK.
Great.
So in the next lecture is going to be doing is testing out different core features of bootstrap learning
some important elements that you should know how to add and build as well as some key utilities.
Thank you all for watching and we're going to get started with all that in the next lecture.
See you there.