Hello, in this video, we are going to look at the display property in Bootstrap, so this is a really
cool class that you can utilize to be able to do some really simple but useful stuff.
I will provide a link to the official page that you can check out or the display property stuff with
a bunch of classes on the description of what you can do, but essentially just allow you to modify
the way a particular element display.
So let me show you, if I was to create a div and I have a class of D does inline.
And, you know, that's the displacing, no doubt, and that is a big danger, and if they put on.
So epic Middle East, like so far, said that before we get OK, so we get a limit that spans 12 columns
and he has this text in there.
But if this were the span, it will be what is called an in line element for you for some reason, wanted
to, you know, make it act like a inline solar panel.
But we just put Dash in line.
And if you look, it's only a matter of the takes to contain the content.
And you can also do the opposite.
Essentially, you can.
Sort of formating, you can have the span
and the less refreshed we get a lot of regular span, so that's what we've essentially done with the
death.
But imagine if we want to span, but we want to have it as a block level element or we do.
It could dash block, as you can see, nothing on its Loyn and it isn't on anything else.
OK, so the other property I want to show you is you can apply this to any type of element.
If I have a div, unless I put helliwell here say refresh, save hello world or cool stuff.
Why if we want to just sort of hide it we can just put cloths.
Did not say that unless we took steps to freak out that they don't go below it.
So it's not invisible, it's just not rendering.
It is still there.
Why would you want to do this.
Maybe some concealed components and the user needs to trigger an event, maybe press a button or if
they're on a long form, sometimes you press log in and a bit of text, maybe pops below the, you know,
the text boxes saying, you know, the password needs to be between six and two characters or the password
do not match.
For example, blast off is concealed.
They just have that.
They have it laid out.
And you just essentially remove this cloth in something like JavaScript trajectory, then you reapply
it when you don't want to show it.
So that is the basics of the display property.
There's a bunch here if you want to make it look like an inline block, a table.
So do all the stuff if you want to highlight elements, but also in different sizes as well.
So if you want to only, Heidi, on the largest of screen sizes or if you only want to hide it on small
screen, maybe the content is just too big for, let's say for phone and on all other devices.
You're happy to show a particular content or what you have is depending on what the actual device is,
you might have the content displayed in one way or displayed in a certain way.
And you can do that via high and visibility and you can do display on the print property as well.
That's it for the display property.
Any questions?
As usual?
Let me know.
I will pop my discord on my website in the description you can email me just a normal stuff.
And as usual, I look forward to seeing you in the next video.