Welcome back in this course, ANES, where are you going to learn how to import these templates?
These templates in your reactions project, I have made these homeplace in French and Trigonal linked
together how you can import these templates by using reciept bootstrap.
And if you have the basic knowledge of Bouchareb, it is very simple and very easy to import to create
these incredible SREP using your Ariete projects.
And it is very simple.
Let us make sure, as you can see, we have here this is the edit page.
This is Home Page.
And if I try to inspect, let us click on inspect.
This is my means, click on Body, click on Def Idy wrote in it, I see you going to see we have.
This is the homepage and if I click on Edman this is the end page.
Click on each home and I can change.
This is I'm going to put this is uppercase letters back in our No.
Yes.
When I put it when I put this in.
Yes, like this, very good.
This is the home page, this is the admin page, so and if you have some narration, bootstrap the best
knowledge.
It is very simple.
You're going to see what we have here.
And we when you use Bouchra, for example, when you have, for example, in a row, OK, and you're
going to see the width of different columns, that's three miles to have in a row is 12 when you use
USRAP, for example.
And in our case, we have one draw, the one who we've 12 a lack we'd like a 12 like a weed's using
react.
Bouchareb ends in a side of this row.
We have tried to use what we call in, bootstrap the nested roll and the nested columns and each side
of this row which has which has a twelth like a width.
We have two columns.
This is the first columns and the second columns, the fifth columns and has eight, like it reads in
the second column, has a four like a will like it with a K.
So if we try to take a look in this template and I have tried to to underline, you can see this is
the first through OK Erro in which we have 12 like weeds and inside here we have two column.
This is the first column and the second column.
The first columns.
The first column is it's like a weed and the second one is has four.
And here we have tried to create different roles in each side of this column.
It is very simple.
I think that if you have already the basic sense of the bootstrap, you've got to understand that it
is very simple.
So let us begin here and this is what we're going to do.
The first thing we are going to do is to create a filter.
OK, and so we are going to create OK to do something about this.
OK, which has a twelve is a twelve like a width.
And we are going also to do something in such create the two rows and create two columns in which we
give it like a we in the first column and for like a within the Feighan column.
So let us make sure oring if you use your codes and we're going to come in our home, do this and we're
going to go step by step, OK, we're going to learn how we can use these reactions.
So what we're going to do, the first thing we need is to remove Finsterwald This is the homepage.
We're going to remove all this before starting and to create our researcher.
We are going to create different classes containing different classes.
OK, but this is this rule.
We're going to come here.
We're going to say conter, OK, continuer Latisse and continuer is from Riet Bosra.
OK, yes.
Like this container.
And you can see container is not defined it.
So you must import, you must use container.
You must import container from react Bouchareb.
So reason why you need to come here and say container from.
And once you say it like this from you, you tap on contorts piece you say right.
And you're going to see you have react mushroom click on reabsorb put slash and you're going to say
container.
OK container.
And if you try to say contorts piece you're going to find a container inside of three Bosra.
OK, so let us put it like this and let us go back on a repeat here.
Let us reloads, speech, reload here in the homepage, we are in the home page, and if you try to
click on Bodey, click on this idea routes, you will find.
We have a div having a container class.
This is the bouchra.
OK, and here we are using Reetta, right.
Mousetrap.
But in our Radom, it's knows that it is it bouchra.
Plus a reason why you need Frayser to import your mousetrap here in your updo, just like it is very
simple.
And there is so here in our doges we are using Reetta, Bosra, and the second thing we need to do is
to create Iroh.
OK, this is Erro having twelth like with it as big here and how to do that.
We are going to come here and we're going to open in a record Brace's and we're going to say roll like
this and throw Roraima say by default or row heads with a like width.
And if we try to see here you're going to see is not definite.
So we're going to do the same thing.
I'm going to copy.
We must also import borrow from Reetta.
Will SREP roll like this and come here, say
Actis.
OK, and if I try to make here in inspect let us reload page.
Writ large.
OK, click on Buddy and we're going to go a.
Step by step, the container, as you can see, we have the sergant plus the second def having real
world class very goods and what's required to do is to create the nested row and the nested column system.
And we're going to say, Carl, why can't you build on this?
And Wacol?
And so we have the Fifth Column and we have the second column.
And here what we're going to say, we are going to use the bootstrap class, L.G., and here I'm going
to say is equal to eight.
We can't.
Is equal to AIDS.
Uh, I'm going to take this and think I'm gonna take this and I'm going to put here and here I want
to say is equal for OK, and Carl is not defined.
So what are you going to do?
We are going to do something we must imports column from react.
Bosra, let us copy.
It has passed and you can see that the online documentation of reactors and you want to learn more about
the great system.
OK, let us come back here.
Click here you the Federal Open Container Cluster.
Click on it and you will find we have these different these cartels.
OK, it is Bushrod.
I think that it is now very clear and very simple.
And what's he going to do here?
I'm going to advise you to make some background, OK, in order to.
A to see.