1
00:00:00,510 --> 00:00:06,960
We can set the height of an input by adding classes to our input to change from the default height to

2
00:00:06,960 --> 00:00:07,630
a large height.

3
00:00:07,650 --> 00:00:17,890
Create an input large class and we can do that in our input so this entire block right here pertains

4
00:00:17,890 --> 00:00:28,840
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

5
00:00:28,840 --> 00:00:34,140
that it increases the size of the input to reduce the size change you to input.

6
00:00:34,140 --> 00:00:43,690
Small and you can see that it's tight has decreased we can do the same to a select menu but we'd have

7
00:00:43,690 --> 00:00:53,790
to add it to this select element and inside the select element we have a class in addition to the form

8
00:00:53,790 --> 00:01:05,290
control class add input LG and you can see it's larger or in quite small and smaller

9
00:01:10,530 --> 00:01:17,720
no one working with horizontal forms the large height can be set by adding the form group large class

10
00:01:18,200 --> 00:01:32,460
to the main div element so this is r the main div element that contains this input and you can see that

11
00:01:32,460 --> 00:01:35,160
we've added the form group large class

12
00:01:38,250 --> 00:01:43,930
and everything else should look familiar from our last couple of lessons.

13
00:01:44,010 --> 00:01:50,880
K It's just a basic input in a horizontal form format.

14
00:01:51,010 --> 00:01:57,840
Now the second div here contains this this input the small one.

15
00:01:58,230 --> 00:02:02,430
And to do that we just added a class called form group small

16
00:02:09,360 --> 00:02:12,700
to increase or decrease the width of an input.

17
00:02:12,840 --> 00:02:17,920
We can place the input in a column as shown in this example.

18
00:02:17,920 --> 00:02:23,440
We have three inputs each in a column with a different size.

19
00:02:23,550 --> 00:02:28,020
So here's one div element and that contains this input.

20
00:02:28,200 --> 00:02:35,390
The second element contains this input and the third contains this input.

21
00:02:35,550 --> 00:02:38,760
You can see that each div element has a different class.

22
00:02:38,760 --> 00:02:48,890
This one has column extra small to so this input spans across two extra small columns in the bootstrap

23
00:02:48,900 --> 00:02:58,050
grid layout this one spans across three extra small columns and this one spans across four extra small

24
00:02:58,050 --> 00:03:09,190
columns so if we really increased its value to say six and save the file you can see that it becomes

25
00:03:09,190 --> 00:03:09,640
wider.