Hello, in this video, I am going to show you how to implement chords so called R a cooey in bootstrap
of organizing and data together and one I to show you the implementation.
You know what it looks like.
I've seen similar things in other websites, especially social networking websites, blogs, that sort
of thing.
You get some sort of chord system.
OK, so first of all, what you want to do is do in the class called fingerstick court of court and
hear what we want to do is say you can actually put a lot of different stuff.
So if you go to the website for the record section of the link to this with this video, you can see
all the different types of things you can.
And, you know, there's stuff to do, navigation.
I mean, there's a lot of true colors I cover.
You know, I'll say a reasonable amount of it, but just enough to basically get you started.
And so you understand what it is.
I'm going to add an image.
This is just optional.
Could just be purely text or links or button, for example, and not be sort of the second class is
called Ducharme G Top Top, because at the top you can have one at the bottom as well.
Feel free to expand that.
You can have an old tag put on top of it, feel free to make it more contextual.
And so the source of image quality of cued up Kopitar Batman, you can you can read what you want.
OK, so that's next.
Next, we're going to create a picture called Dave.
In court today.
And for page five.
Total collapse equals confidence.
I like to think from next what we're going to do is put a polygraph test and it's just checked again.
Feel free to go to the Bistrot website for more information on cards and all the different things you
can add.
This is just one of the examples that were given, and I'll quite like this example, I think perfectly
illustrates what cards all about so-called duct tape.
And I was going to put some buyoff about Mansori.
Got this VOYCE.
I'm going to put a little bit of that.
Muslims should be as much as you want, but you put too much credit inside the card.
It can just sort of look a bit weird, but feel free to expand on it.
And one more thing and I'll add basically important to feel free to check out my video on button button
groups, that sort of stuff to understand more about and feelings thinking you might be wondering.
But now with all that money, so.
Save them, go back, refresh, and there we have got our card, so if I was to restore the brother,
this is what we get is slowly goes down.
But, you know, she's pretty big on the large screens.
So what we can do, we can customize this as we would like it to be, you know, expand all of the columns
or 12 spaces in the row when it's on small to medium on a book desk fixed.
And when he goes to larger above Algy desperate.
So those are the breakpoints I'm using.
Feel free to experiment.
So stop free at the moment.
Say five free more to sit on the same line.
I'll show you the second and the next one.
It should be half the half the actual container and the half the website, the fluid content.
I'll be half of the width of the browser and now it's gone to the small screen size.
So let me actually duplicate this.
So a few then.
So this is what we get now so that you can see for yourself.
They all look pretty cool.
So it's looking kind of like a social media website.
So I'm pretty sure you see the benefit of using cards.
And you can see, you know, any individual, one of them, by going to the card class and put in know
like big, you know, background checks, for example.
And that's the background, Don.
And you kind of get that information from the which you get on Twitter, Minton's scripture that we
go background color.
You can also the borders as well.
So feel free to check all of that out.
OK, so here's a little test.
We we've only to figure out how to move or actually add a gap here.
So when the cards are on top of each that you want and they'll slide capitaland look good if they're
connected, aesthetically speaking.
So that's it.
Any questions?
Feel free to put me on message.
And as usual, I look forward to seeing you in the next video.