1
00:00:01,200 --> 00:00:09,990
Hello, in this video, I am going to show you how to use the text truncation helper class, so truncation

2
00:00:09,990 --> 00:00:16,120
or truncate in just allow you to cut off text at a certain point, you just shortens something.

3
00:00:16,350 --> 00:00:19,270
So we've got this little div right here.

4
00:00:19,270 --> 00:00:24,960
I put the lorem ipsum text in here and it is called Dash Frase Waistbands.

5
00:00:25,260 --> 00:00:26,970
Three columns.

6
00:00:26,970 --> 00:00:31,590
If I put Kodesh six back half of this parent contain.

7
00:00:32,580 --> 00:00:34,200
There we go.

8
00:00:34,680 --> 00:00:41,850
But maybe we only want one line and only to preview the maximum amount of content that could be put

9
00:00:41,850 --> 00:00:42,150
in there.

10
00:00:42,160 --> 00:00:49,350
And that could be restricted by something like a class like Kodesh free bith this specifically providing

11
00:00:49,350 --> 00:00:52,800
our own width in terms of pixels.

12
00:00:52,800 --> 00:00:54,840
M doesn't really matter to do it.

13
00:00:54,840 --> 00:01:00,690
You just put your text to truncate or reload.

14
00:01:01,050 --> 00:01:07,380
As you can see, that's truncated it anything beyond basically it needs to be it to put the free dots

15
00:01:07,650 --> 00:01:11,240
and any extra text that he can have before it.

16
00:01:11,590 --> 00:01:15,570
That's where you have any, anything else basically gets truncated.

17
00:01:15,780 --> 00:01:22,770
That is a great way of reducing the amount of content on a page given like a little preview of is there

18
00:01:22,770 --> 00:01:29,250
maybe the you click on it, maybe they have a card and it takes you to a profile page or item, page

19
00:01:29,250 --> 00:01:32,370
or product page, and that provides more information.

20
00:01:32,760 --> 00:01:42,330
OK, so that for the most part it and even if I was to put code six, for example, there's is a bit

21
00:01:42,330 --> 00:01:44,220
more content that does.

22
00:01:44,220 --> 00:01:53,040
One other thing to note, I will provide a link to the text truncation API page on, you know, from

23
00:01:53,040 --> 00:01:53,760
Bootstrap.

24
00:01:54,240 --> 00:02:02,280
And there's only one thing to note is that you need it requires the display property to be inline block

25
00:02:02,280 --> 00:02:02,880
or block.

26
00:02:03,150 --> 00:02:09,530
Diff is block anyway, so it's fine, whereas if you put on a span it is not any of them.

27
00:02:09,660 --> 00:02:16,770
So you would have to put a display property of inline block or block and you could use the built in

28
00:02:16,770 --> 00:02:23,790
bootstrap class of D dash in line block or D dash block and then obviously they'd operate there.

29
00:02:23,790 --> 00:02:29,190
So that's really apart from that, nothing else that you need to know regarding text truncation.

30
00:02:29,520 --> 00:02:32,100
If you have any questions, feel free to put me a message.

31
00:02:32,100 --> 00:02:35,580
And as usual, I look forward to seeing you in the next video.