Hello, in the video, we are going to cover laying out your form, so it's obviously already laid out
by default, but everything is just sequentially after each other on top of each other.
Might want to organize it using the amazing bootstrap column system next to each other.
Whether you want one component, I mean two components next to each other.
Three, four doesn't really matter if you always consider one too many because depending on the screen
size and in general it can, you know, just not look too good.
But again, that's personal preference and what size the size of each item is.
There's various ways that you can implement, you know, the layout system.
And they're all covered here in a horizontal home, the size in order, size in the size.
And it's pretty cool as well.
I will provide a link to this in the description so you can check that out.
And the we're going to use a basic example.
So essentially what I want to do is these two checkboxes.
I want to put them on the same line.
So if we go here, the checkboxes are right here.
So these are the checkboxes inreality to do that, what we should be doing is sort of changing everything
else.
So we want the we don't want this in a row anymore and we don't want it in a column anymore.
So that is a different way of doing this and lets us sort out the indentation while we're here.
The.
OK, so there you go.
OK, so indentation is sorted on the phone itself.
We want a class of row and on all of these component, you know, form component dips.
This is where we want our columns to kodesh, 12 for all of them for now, just because we're going
to have them all on top of each other.
But I will show you what we're going to be doing with the checkboxes momentarily.
If you save that refresh, this is what we get so far.
So let's put these are next to each other and what we actually need to do for this one.
So find it.
It has to do.
Just like so we can get rid of this and be free.
We do not need that anymore.
Get rid of this here.
There we go.
It is on top of each other.
Now, you can add a bit of styling to let's say the last one or two is horizontal.
You might also notice the horizontal row is a bit wider if because we need to put a div because it's
literally just a very simple no element.
I will put it all on one line and I'm going to put a glass of cold that's 12.
So that refresh, as you see, this is now fixed and is looking a lot nicer.
Now this we need to also fix.
So let's copy this paste here.
Five refresh.
There we go.
Edit or looking great now.
So that is all you have to do.
And you can add as many of you want.
What I want you to do as a next test is put a couple more the regular for a text field and maybe a first
name you the name and I think first name, middle name, a user name and have them all on the same line.
So that's a little tough for you.
If you have any questions, feel free to pour me a message on discord or on my website.
So learning the Harrick plus all the other ways they can contact me using the description and I will
provide a link to the the bootstrap page so you can check out all of the different features that I look
forward to seeing you in the next video.