Hello in the studio, I am going to cover how to set up a bootstrap five project.
So this the same if you're on Linux or Windows for development, the process is exactly the same.
And OK, so what you need to make sure you've got a Web browser.
You want to be fine, ideally one from the compatibility list, because if you're going to be testing
it on the Web, whether you want it to be compatible, I've got a video covering that.
Well, OK, I'm going to open up this and only Google Fiber upload a link to this.
So you got everything that you need.
And then Skoch here again.
So this is the Alpha and we're going to go to download.
So there's a few different ways that we can set it up.
First of all, you got to get started.
We can set it up using the QuickStart, using the N, which is the content content delivery network
and the CSF and the JavaScript files are required by bootstrap, are stored on some online server and
it pulls them really fast.
So to do that, we literally copy and paste this.
So you will also need a ED blog belongs to the quick ed.
You can use something like Bracket's, which is a bit more full fledged in terms of an already a and
or you can use something else, you know, if you have of preference that you can use online, you can
bracket all the brackets.
In this case, both are free.
So it is.
And sticks.
OK, so we are going to open up brackets.
And I'm going to go to open foda.
And go to desktop, oh, look here, I want to call it the screw up call you have you want your project
and nothing in here currently.
We need a new file in next hour.
Hasti and my phone number indexed DNS is going to be the default.
That one is going to be nonstop or a text file, potentially a home that no index is the main one.
OK, so what we want to do now is copy and paste this copy properly.
And save it.
And if we.
Go to desktop launch.
If you literally just double click that he launches it.
That's it.
That's all there is, I suspect, to make sure that no errors in the console there is not and we are
using a bootstrap.
Now, let me quickly go over what the code is doing.
So, again, this is not a lesson on how to malfeasants JavaScript on a briefly glance over it.
If you just the doctor for now indicating that while this is the opening tag, the corresponding clothing
tag, and this is where all your code will reside, and we specify it for the default code that specify
the language of N, which is English, you can specify something different if you want to do the head
tag where you put all your metadata and any linkage that you have to stuff like C.
S.
S files, which is cascading style sheets, a.k.a. the way your website looks.
This is loading up the bootstrap five stylesheet.
And there's some stuff for the people to see just south for the responsive design and a character set,
which is the default UTF page, the title.
This is what I want and reload.
That is what appears in the top column.
Do that and in the body is the meta website.
What you're actually seeing within within.
Here we go here with one tag with Hello World in there.
Then after that we've got the script tags.
So we have one for Popoff and we have one for the bootstrap javascript.
False.
This is the bare minimum that you need to get going.
So there is enough of a way of setting up the sub instead of a CDN locally storing the falls s.
So you've got to download and then from here we can go to download.
It is downloading now, it's going to click that in here we have the fall, really all we need is one
of the Jiah files and one of the access files.
So the jazz file, I mean, the CSF really does different ones.
There's a reboot.
I mean, the main version, the regular totally depends on what you want.
So if you want to just like to say the regular bootstrap, copy that.
Actually, no, I will copy both of these.
I will go to desktop, go to Bidstrup, paste them here, some nice organization and I will select all
sefl.
Bush dropped off access and delete.
I would do the same for Jay if I would select all set for this from Jay s and delete, OK, so that's
what that means is OK, so this is giving us some information so you can even skip the download and
go to bootstrap CDN.
If you're using our Campeau JavaScript, don't forget to include proper CDM, preferably before our
JavaScript.
So they do recommend that for Papa that you use the CDN, which will you know, we will keep to that
format.
So to modify this.
So instead of having this big Hatra.
From Mendoza Sibylla.
You want to get.
Slash.
There you go.
And that's it, and that's the file right there, and we need to include the Josquin Forno again, Papa.
We are leaving and we need to get rid of the Jarius.
And there we go.
If you save them.
Reload it and it's messed up.
That's what the problem is, access to stylesheet from Origin or have been blocked by Coors policy.
OK, so.
Is the integrity.
OK, so there we go, crystallographer, we don't need to do all those integrity checks just when it's
online and we can get rid of it.
Well,
there we go.
All errors have now disappeared.
We can ignore the warnings.
So is Dev tools out to because they control content for that fall?
So you can leave, though, not fall in there.
They're just some dev tools, but that's it.
There we go.
We have bootstrap all set up.
So I will provide you with the source code for this version and the CDMA version as well.
And you can go whichever method you want.
Have any questions.
Feel free to pump your message as usual.
And I look forward to seeing you in the next awesome video.