‫Hey, there.
‫Welcome back.
‫Now let us continue our task with Bootstrap now currently and why June five, as discussed earlier now
‫on the sidebar, you will see multiple options options like customized layout, content form and on
‫top of that thing.
‫You don't have to worry much about customization since we are going to utilize the default content or
‫default tag default properties that all stripped away.
‫Yes, we are surely going to discuss about layout something really important.
‫We are going to discuss about utilities.
‫Another important point.
‫Then we have components super, super important and then we have funds.
‫So these are a few important points.
‫Now it totally depend on you how you utilize them.
‫I'm just trying to give you an example with this whole project.
‫We are not going to utilize everything since you can only explore limited things.
‫And once you understand how to utilize these limited things, you can just expand your knowledge by
‫exploring the other ones.
‫So I hope you got the idea.
‫Now help us to sequence by which we are just going to understand the basics before even jumping on to
‫project.
‫The first thing is about utilities, it's important because Bootstrap has its own custom names, own
‫custom designed, for example, if I jump on to back down now here you will see Bootstrap currently
‫has classes for primary, which is a background color.
‫Then secondary success, danger warning and for Light Dog and few others.
‫So all of them will stay constant throughout.
‫That means primary will be disclosed only on secondary will be disclosed only throughout the journey.
‫Now, if I want to utilize them, all I have to do is, for example, here let me create a random section.
‫Let me create a mine inside this.
‫Let me create a section.
‫Let's dive in and write some text.
‫Now here, let me add our blog and let's say him and.
‫Let me add another Blue Dog.
‫And let in autumn five.
‫So this is the current symbol structure.
‫Now, if I jump on to our current demo, you will see both of these text great working fine, but if
‫we need to utilize this property, all I could do is use this class and had I can add this class with
‫my feedback and save this one.
‫And similarly, here I can add another class and maybe utilize secondary or say for save this one,
‫get back here.
‫You can see that's how it is going to work.
‫So you haven't included any type of success.
‫And we are still able to use different types of properties.
‫Now, this was a quick example about utility.
‫Here we have tons of other things with background.
‫You will see gradient.
‫Then you will have options to customize with the help of sass and few other information.
‫You don't have to dive deep in this, but you're going to explore this gradient as well as the normal
‫thing.
‫Now similarly, we have these I call them as charcoal because everything is written.
‫I just need the correct code.
‫So if I need to add a border, I can utilize directly border or if I need to add border top, I can
‫use this Colorado border in the bottom, whatever I want.
‫So.
‫For example, next Saturday morning here with our current glass.
‫Save this one.
‫Get back here.
‫So there is a border, if I try to Zoom, you will see that there is a border here.
‫OK, let me try to change the color, so we have options.
‫Currently, we are using this border space.
‫Then I need to utilize border primary or this is primary I need to use to border success or danger or
‫something.
‫Copy this one.
‫Let me get back here.
‫Space for the success saved this one.
‫Get back, you can see on our screen.
‫So I hope you got the idea how we are going to utilize these classes.
‫Now we can control where we can say it's a for.
‫And me out of here, save, get back now, it's much better in terms of visibility.
‫So you have options you can use round it to have our radius, then you can control not of that tanks.
‫So that's how this is going to work.
‫I remember on right hand side, you can see all the topics regarding water.
‫OK, let's jump on to color.
‫Now here you will have options to collating with the help of these text, primary secondary success
‫and few other content.
‫So that's how this is going to work out, how you can see they have this yellow color, but they have
‫utilized this big dog, so they have a dog background.
‫I hope you got the idea about colors.
‫Now, if I jump on to display, I have tons of other options, and the simplest thing is I can utilize
‫any type of display just with their name.
‫For example, if I need to utilize in line, I can use the dash in line if I need to use Block.
‫I can use Dash Block.
‫Similarly, if I need to utilize Flexbox, I just need to use the Dash Flex or if I need to use grep,
‫I can use the Dash great.
‫So there are tons of other and let's explore them later.
‫I hope you got the idea what we are going to do with utility.
‫OK, that's great.
‫And we can write our own utility as we move forward.
‫That's done for the basic example of utility.
‫I strongly recommend after completion of these next three, four or five lectures, just jump and talk
‫about each one of them.
‫So we jump on to the next.
‫You will get information about how you can just align text.
‫If I say it started well from it will start from the right hand side and left hand side and then center
‫center.
‫Then we have other important topics and we will utilize them during the whole project.
‫OK.
‫This is great utility partners done.
‫The next important part is this layout thing super important.
‫And if you can understand this, almost all of your bootstrap content is done.
‫OK, it's time for us to focus on Leo.
‫So let's continue on this point from the next lecture.