1
00:00:01,390 --> 00:00:08,590
Hello, in this video, I am going to show you the quick fix utility, so I will provide a link to the

2
00:00:08,590 --> 00:00:11,260
official bootstrap website we showed you.

3
00:00:11,260 --> 00:00:13,710
The cliff is actually a very, very simple.

4
00:00:13,720 --> 00:00:15,520
It's essentially just a class.

5
00:00:15,820 --> 00:00:21,790
And the description right here quickly and easily clear floaty content within a container by adding

6
00:00:21,790 --> 00:00:27,420
a clear fix utility that doesn't really do much, you know, at least not for me.

7
00:00:27,430 --> 00:00:29,470
So it's a better if I show you.

8
00:00:29,770 --> 00:00:33,640
So I'll be using a similar example to what's on the website and is explaining it.

9
00:00:33,910 --> 00:00:39,400
So what we're going to do is create a A div.

10
00:00:39,760 --> 00:00:42,910
There will be some classes here, but for now I'll leave them out.

11
00:00:43,440 --> 00:00:45,760
We're going to put a couple of buttons.

12
00:00:46,120 --> 00:00:48,340
So type called button.

13
00:00:49,390 --> 00:00:54,220
We're going to have a class called PETN, BTE in the primary.

14
00:00:54,220 --> 00:01:00,040
You can do this with any type of component that you want with any number of components as well.

15
00:01:00,370 --> 00:01:09,760
On the left, just to illustrate this utility left button, and I'll do something very similar for the

16
00:01:09,760 --> 00:01:11,800
right button float dash.

17
00:01:12,010 --> 00:01:12,480
Right.

18
00:01:12,880 --> 00:01:14,140
And this is going to be right.

19
00:01:14,140 --> 00:01:14,730
Riperton.

20
00:01:15,160 --> 00:01:16,030
Let's see what we get.

21
00:01:16,300 --> 00:01:21,820
I'll put a different finger before I reload.

22
00:01:21,940 --> 00:01:24,450
We get these two buttons, very simple stuff.

23
00:01:25,090 --> 00:01:37,660
And if I was to add a clear fix, I mean a class of clear fix and reload, nothing changes.

24
00:01:38,170 --> 00:01:44,380
But what will happen if I add a background, some big info, you can add any sort of background styling

25
00:01:44,380 --> 00:01:45,280
that you want.

26
00:01:46,430 --> 00:01:52,610
This is what happened, you might be thinking, OK, that is not what is meant to happen, but let me

27
00:01:52,610 --> 00:01:53,630
show you, if I get rid of the.

28
00:01:56,360 --> 00:02:01,340
I think with the background gun, it's still there, it's only applied to the buttons, but the buttons

29
00:02:01,340 --> 00:02:03,680
have their overridden style.

30
00:02:03,970 --> 00:02:08,240
But watch what happens if I get rid of the actual style.

31
00:02:10,350 --> 00:02:17,970
Plus, now they are just buttons, but with the.

32
00:02:21,310 --> 00:02:22,050
That was

33
00:02:26,910 --> 00:02:27,620
that's.

34
00:02:28,510 --> 00:02:29,560
So let me.

35
00:02:31,110 --> 00:02:33,810
Yes, so let me show you clear fix now

36
00:02:37,080 --> 00:02:42,450
and make sure it's still working a clear fix.

37
00:02:46,790 --> 00:02:57,650
So there we go, we have this entire style that goes over the entirety of it, but if we have the back

38
00:02:57,650 --> 00:03:11,140
here again, Betty and Dash, Rosemary and Betty, and the danger so each person has their own style,

39
00:03:11,150 --> 00:03:11,810
as you can see.

40
00:03:11,810 --> 00:03:13,660
But that background going all the way.

41
00:03:13,970 --> 00:03:22,470
But if I don't have the clear fix, then it doesn't extend between the two elements, the floating area.

42
00:03:22,670 --> 00:03:24,080
That's what the cliff fix is.

43
00:03:24,470 --> 00:03:25,370
Very simple.

44
00:03:25,530 --> 00:03:28,010
If you have any questions, feel free to pop me a message.

45
00:03:28,190 --> 00:03:31,730
And as usual, I look forward to seeing you in the next video.