Hello, in this video, I am going to show you how to use the text truncation helper class, so truncation
or truncate in just allow you to cut off text at a certain point, you just shortens something.
So we've got this little div right here.
I put the lorem ipsum text in here and it is called Dash Frase Waistbands.
Three columns.
If I put Kodesh six back half of this parent contain.
There we go.
But maybe we only want one line and only to preview the maximum amount of content that could be put
in there.
And that could be restricted by something like a class like Kodesh free bith this specifically providing
our own width in terms of pixels.
M doesn't really matter to do it.
You just put your text to truncate or reload.
As you can see, that's truncated it anything beyond basically it needs to be it to put the free dots
and any extra text that he can have before it.
That's where you have any, anything else basically gets truncated.
That is a great way of reducing the amount of content on a page given like a little preview of is there
maybe the you click on it, maybe they have a card and it takes you to a profile page or item, page
or product page, and that provides more information.
OK, so that for the most part it and even if I was to put code six, for example, there's is a bit
more content that does.
One other thing to note, I will provide a link to the text truncation API page on, you know, from
Bootstrap.
And there's only one thing to note is that you need it requires the display property to be inline block
or block.
Diff is block anyway, so it's fine, whereas if you put on a span it is not any of them.
So you would have to put a display property of inline block or block and you could use the built in
bootstrap class of D dash in line block or D dash block and then obviously they'd operate there.
So that's really apart from that, nothing else that you need to know regarding text truncation.
If you have any questions, feel free to put me a message.
And as usual, I look forward to seeing you in the next video.