1
00:00:01,170 --> 00:00:08,610
Hello, in this video, I am going to show you maisonette records, so the mesentery court system of

2
00:00:09,290 --> 00:00:15,800
to social mesentery bricks right here is similar to the way you have masonry bricks, which is essentially

3
00:00:16,030 --> 00:00:21,530
the regular brick system that you will probably see around the world.

4
00:00:21,840 --> 00:00:25,650
So essentially, you know, they're not all in line.

5
00:00:26,130 --> 00:00:27,540
Some are slightly shifted.

6
00:00:27,810 --> 00:00:31,940
They may be in line every row or two.

7
00:00:32,730 --> 00:00:35,070
But again, that's not always the case.

8
00:00:35,080 --> 00:00:37,110
Plus the, you know, advocacy, there's variation.

9
00:00:37,320 --> 00:00:39,360
So you get these long and slightly.

10
00:00:39,360 --> 00:00:42,260
Fenelon, you know, basically they're not all equal.

11
00:00:42,310 --> 00:00:43,820
So that's basically what mesentery.

12
00:00:43,830 --> 00:00:46,440
But they they they are all together.

13
00:00:46,440 --> 00:00:49,680
They all, no matter what the size is, they've all sort of adjusted.

14
00:00:49,920 --> 00:00:55,020
And with a masonry court system, you can take this pretty much to the extreme.

15
00:00:55,350 --> 00:01:02,490
The way you want to do is go to this website where the masonry nagy's.

16
00:01:02,760 --> 00:01:04,470
So this is the important thing to read.

17
00:01:04,480 --> 00:01:11,400
So he basically said in version four, they actually had a built in masonry system, masonry like columns,

18
00:01:11,790 --> 00:01:14,190
but they removed the five.

19
00:01:14,190 --> 00:01:15,810
You can still do it.

20
00:01:15,810 --> 00:01:21,810
Inventure five, which I'm going to show you remember, implemented in version three and invasion four,

21
00:01:21,820 --> 00:01:25,800
you needed an external thing, like it wasn't even on the website.

22
00:01:26,610 --> 00:01:31,890
And then even before they made it built in, which was fantastic and finally sort of taken the app because

23
00:01:32,370 --> 00:01:39,060
they were saying that quite a lot of unpleasant side effects, which you can click on this link and

24
00:01:39,360 --> 00:01:42,120
you can just read about the read about to get.

25
00:01:42,990 --> 00:01:48,660
OK, so if I scroll down to to demo example, really the only thing we need from here is two things.

26
00:01:48,660 --> 00:01:54,770
One is this, which is the mesentery JavaScript file for copy that.

27
00:01:54,780 --> 00:01:59,730
And that's basically what it looks like now where they're all bunched together, but they're not all

28
00:02:01,050 --> 00:02:02,180
the same size.

29
00:02:02,670 --> 00:02:04,410
They so cool.

30
00:02:05,910 --> 00:02:09,060
OK, so go to the bottom of the page.

31
00:02:09,420 --> 00:02:12,510
Just click into.

32
00:02:13,750 --> 00:02:15,520
Slip into unpleased.

33
00:02:16,630 --> 00:02:19,900
And now what we need to do is grab hold of this.

34
00:02:20,750 --> 00:02:27,620
Add this to our debate, I have a row class, so which is this one here, obviously the one that has

35
00:02:27,620 --> 00:02:30,380
all the cards and not some random one.

36
00:02:30,980 --> 00:02:36,260
And this is actually to say that fresh.

37
00:02:37,530 --> 00:02:43,770
I think you want it sort of even if even if they are all the same size, so is it this cool thing where

38
00:02:44,150 --> 00:02:48,880
you had a bit of a nation, but now let's actually make them different sizes to do that?

39
00:02:48,960 --> 00:02:55,560
I'm going to move random content from them to this.

40
00:02:55,890 --> 00:03:04,650
Obviously, you will probably have these cards populated via some sort of a database or once or user

41
00:03:04,650 --> 00:03:05,000
input.

42
00:03:05,220 --> 00:03:09,710
And that way you don't know what's going to be there.

43
00:03:09,730 --> 00:03:11,940
So you call your preprogramming.

44
00:03:16,410 --> 00:03:18,240
So let's save that and let's see what we get.

45
00:03:18,830 --> 00:03:25,560
So, as you can see, they are all different sizes and let me actually remove the background for this

46
00:03:25,560 --> 00:03:25,890
one.

47
00:03:28,840 --> 00:03:35,560
They are all different sizes, but they are all still sort of bunched together, they all still sort

48
00:03:35,560 --> 00:03:39,450
of move around, as you would expect, as usual.

49
00:03:39,800 --> 00:03:45,700
I want you to do not the usual, but the next task, which I keep mentioning, the card video is figure

50
00:03:45,700 --> 00:03:51,440
out how to actually put a slight gap when there's one cod on top of a record.

51
00:03:51,520 --> 00:03:52,720
I think you look pretty cool.

52
00:03:53,080 --> 00:03:56,860
Do you have any questions on that or anything else from your message?

53
00:03:57,100 --> 00:03:59,170
You can even comment on the video.

54
00:03:59,410 --> 00:04:01,560
You can even see my discordance.

55
00:04:01,660 --> 00:04:04,890
There'll be a link in the description plus the entire communities on there.

56
00:04:05,020 --> 00:04:12,940
So even if I can assist you to take a day or so, somebody else will and feel free to check out our

57
00:04:12,940 --> 00:04:14,920
website somnolence again.

58
00:04:14,950 --> 00:04:16,150
All of that is in the description.

59
00:04:16,160 --> 00:04:16,780
So feel free.

60
00:04:16,870 --> 00:04:20,800
Have you have you contact me or the community?

61
00:04:20,950 --> 00:04:25,810
And as usual, I look forward to seeing the next awesome program bootstrap video.