Hello in the bootstrap, bootstrap, bootstrap for video, I am going to show you interaction, so I
will provide a link to the official page on the bootstrap website shows you everything that you can
do.
I'm pretty much going to cover all of this anyway, but there's a few extra classes that you can use.
But once you've understood what's but in this video, you're all good to go.
OK, so let me create per PAETEC any sort of element you want.
And I want to put the text selectable and.
Freenode advocacy on double click on select individual characters and then copy and paste them like
so I'm sure you've been on websites where you can't select from content, know for me as the user something
that can be annoying.
But if that's the situation that you want that experience to do, that what you can do.
So let me create a novel one and show you the difference a little bit.
PAETEC and if you put the class of user Dasht select dash non.
Not selected, not selectable for a reload, I think, to double click this one for Alkon, double click
this one, so I can't actually select it.
So that's a non selectable class.
And like I said, I'll provide you with this.
You can do select or select auto, select non, and you can also do some cool stuff with links as well.
So, you know, like a demo link, you know, that sort of stuff.
If I put a P tag and if I put an anchor tag on Bitaraf equals on a hash tag, I don't really go anywhere
for class equals p e dash none.
This says it is not clickable.
And on a tab, this index equals negative one.
This is just so we can't be TABD onto and then we've got area dash disabled equals.
True.
And that was going to say.
This link and not be clicked, so if I reload it, I think we've got this link we can select.
If you don't want that, you just use a select dash, not on either the P tag or the younger tag, depending
on what you don't want selectable for Translocate.
I can't actually click it.
So it indicates visually datalink.
So you might want that to the user and maybe they need to perform some action.
Maybe film content needs to be filled out before they can actually click on a link.
Something to bear in mind.
Let me close this because I want to reopen that, though.
I can't select a, you know, a non selectable piece of text like this.
It is not a foolproof version of security in terms of being able to copy and paste it.
Obviously, you can manually type by ignoring that in many of the lower content and that would be awkward
to copy and paste it.
I mean, manually type it out.
But what you can do, you can just right.
Click or the user could do go to inspect and just copy that.
And there you go.
Of course, copied and pasted to bear in mind this doesn't prevent the user fully from copying it.
It's more just it's not selectable.
And you may not want that for security purposes.
You might want that just from a interaction perspective.
Maybe you have a website that youre the user is going to be clicking a lot on the page and maybe Dragon
and the some text on there, basically some instruction maybe is possibly a game or some sort of interactive
experience like that.
And you don't want them because they're constantly clicking and dragging the mouse to be selecting text
randomly.
Again, it might just be from an interaction perspective and less of a security perspective.
Hence why the code interactions?
So that's it.
If you have any questions, feel free to call me a message.
And as usual, I look forward to seeing you in the next video.