1
00:00:01,130 --> 00:00:05,800
Hello, in this video, I am going to show you gutter.

2
00:00:05,850 --> 00:00:09,840
So what is a gutter in Bootstrap?

3
00:00:09,860 --> 00:00:15,210
It is basically the padding that's automatically applied here, for example.

4
00:00:15,260 --> 00:00:19,540
You can see we've got this container is closest.

5
00:00:19,550 --> 00:00:22,880
Associates go a bit more in a state container row column.

6
00:00:22,880 --> 00:00:24,250
And then we got some text in there.

7
00:00:24,440 --> 00:00:28,090
We haven't specified that it should appear not flush with this.

8
00:00:28,250 --> 00:00:32,560
So there's automatic padding in there and we can easily override that.

9
00:00:32,570 --> 00:00:37,880
So if we go onto the row, for example, and this will apply to every single column for the particular

10
00:00:37,880 --> 00:00:40,310
column, you just apply it to that, for example.

11
00:00:40,520 --> 00:00:50,510
And we just put G then X for the x axis of horizontal gutters and we put a dash for the biggest gutter

12
00:00:50,510 --> 00:00:54,860
so you can go the horizontal gutters are the biggest I can go.

13
00:00:54,980 --> 00:01:01,280
And if I put it down to, let's say, free three, it's a little smaller for that one.

14
00:01:01,890 --> 00:01:03,020
It's almost the smallest.

15
00:01:03,020 --> 00:01:07,560
But you may notice that it's still a bit of a gap proper down to zero.

16
00:01:07,580 --> 00:01:08,750
So the smallest you can go.

17
00:01:08,960 --> 00:01:09,960
There is no gap now.

18
00:01:09,980 --> 00:01:15,200
The content is flush and it will be flush on the right as well if there was enough content there.

19
00:01:15,470 --> 00:01:26,300
So we can also apply a gutter in the Y axis and you generally should put in an overflow header a recommendation.

20
00:01:26,780 --> 00:01:28,520
This should not change anything.

21
00:01:28,520 --> 00:01:34,580
But overall, it is recommended for the best compatibility if you want to do vertical.

22
00:01:34,580 --> 00:01:40,940
But if you put G, then Y for up and down, it's the same principle for I will give you the biggest

23
00:01:40,950 --> 00:01:41,360
courtesy.

24
00:01:41,370 --> 00:01:42,700
I will give you not.

25
00:01:42,700 --> 00:01:43,990
So let's show you five.

26
00:01:45,110 --> 00:01:51,350
That's a tough line for a gap between them with that point break rule, any manual padding or margins

27
00:01:51,600 --> 00:02:01,470
for a smaller one, if a little bit of a gap and if I put the row.

28
00:02:06,730 --> 00:02:15,020
And can often refresh Komando and they go, there is no gap in us that pretty much what it is for.

29
00:02:15,180 --> 00:02:19,470
If you want to apply the same, go to thigh vertically and horizontally.

30
00:02:19,470 --> 00:02:26,610
What you can do is actually just g dash the gutter so you can zero to five zero zero.

31
00:02:27,210 --> 00:02:27,930
That's what we get.

32
00:02:27,940 --> 00:02:33,270
We should have them change four five, put the max, go to size vertically and horizontally.

33
00:02:33,540 --> 00:02:34,580
So that is it.

34
00:02:34,590 --> 00:02:38,370
That is how you change the gutters and bootstrap.

35
00:02:38,370 --> 00:02:41,160
If you have any questions, feel free to let me know.

36
00:02:41,340 --> 00:02:45,480
So one thing I wanted to mention, I really want to mention some really important things I want to mention.

37
00:02:45,660 --> 00:02:51,940
I know this is a question a lot of people ask is is about the automatic, you know, sort of got the

38
00:02:52,170 --> 00:02:53,310
margin, the padding.

39
00:02:53,310 --> 00:02:57,510
You know, people use different terms, although basically they want the content flush.

40
00:02:57,830 --> 00:03:01,680
And so Gutta is really, really useful for that.

41
00:03:01,890 --> 00:03:07,410
But yeah, like many questions, feel free to pump your message or the length will be in the description,

42
00:03:07,420 --> 00:03:10,410
such as the GitHub link with all the source code.

43
00:03:10,560 --> 00:03:13,740
And I look forward to seeing you in the next video.