We can set the height of an input by adding classes to our input to change from the default height to
a large height.
Create an input large class and we can do that in our input so this entire block right here pertains
to this input and what we're gonna do is we're going to add an input Oh dash LG class and you can see
that it increases the size of the input to reduce the size change you to input.
Small and you can see that it's tight has decreased we can do the same to a select menu but we'd have
to add it to this select element and inside the select element we have a class in addition to the form
control class add input LG and you can see it's larger or in quite small and smaller
no one working with horizontal forms the large height can be set by adding the form group large class
to the main div element so this is r the main div element that contains this input and you can see that
we've added the form group large class
and everything else should look familiar from our last couple of lessons.
K It's just a basic input in a horizontal form format.
Now the second div here contains this this input the small one.
And to do that we just added a class called form group small
to increase or decrease the width of an input.
We can place the input in a column as shown in this example.
We have three inputs each in a column with a different size.
So here's one div element and that contains this input.
The second element contains this input and the third contains this input.
You can see that each div element has a different class.
This one has column extra small to so this input spans across two extra small columns in the bootstrap
grid layout this one spans across three extra small columns and this one spans across four extra small
columns so if we really increased its value to say six and save the file you can see that it becomes
wider.