Hello, in this video, I am going to show you how to use images using the image classes and bootstrap
so that a few cool classes and I'll provide a link to this and the descriptions of feel free to check
out all different features, but I'll show you all the main stuff.
And OK, so we're going first to create a class of well called 12.
Also got what to do then and we're going to create an image source and we're not the fourth in a second.
And we can add an all time record for what we need to close it off.
And I've got this image right here.
The copy this.
Feel free to use whatever you want.
Let's see what we get before we add any specific bootstrap classes and codes that we got this bombing
image.
I think it is too big to fit on the screen, even though it is in the column that's 12, it doesn't
really thoi.
So to implement a feature like that, we put a class of image well amg dush fluid and therefore we reload.
It is fit to its parent container, which in this case is a column that's 12 four had called six for
example.
That for the dash.
There we go.
I think he fills half of the up to and have a column of stuff.
OK, so one thing that you can do, let me show you what else you can do.
Well.
Coming up to Code Dash Code EcoStar from the start, that's wrong, it is automatically setting the
Kodesh 12 the main mistake.
But again, that is wrong.
OK, so now let's an innovative
class called Code 12.
And to add the image again this time, well, this source of a different image, I wanted them to square
off with the man who created some sort of thumbnail and on MTV to kind of add a margin at the top of
two.
Otherwise, they're touching and it doesn't look very aesthetically pleasing.
Some also, as we said.
But again, I don't know.
And they we go through the.
Reload.
That's what we get and it's not really much of a thumbnail, so if we was to say what he calls
250 packs.
And they go, OK, so it's getting better, it's getting better.
Do we want to, let's say, centered around the edges and can do that using these classic class equals
rounded and dash auto decals, block orange fluid, reload and then go round?
It is centered and it looks good so that you could have a website with an even bigger image at the top,
something to display some new information and maybe even an ad then have columns of from now potentially
can make a clickable using something like Ayesha's ref recommend that you do that, potentially hook
it up to a backend system on Python and loop over a database, populate the table or column system,
then allow the user to click on different icons to go to different pages on your website or even different
websites entirely.
That's simple stuff, but really useful.
If you have any questions, feel free to send me a message.
And as usual, I look forward to seeing you the next video.