Hello and welcome.
In this show we are going to be taking a look at a quick overview of the pope's struck frame work.
We're not going to look at everything just kind of pick a few bits and pieces within the framework to
have a look.
I'm on the book's trap website.
So this is the main website for post crap.
So there are different components of it books trap is a framework so it contains elements of csx.
And then it's on companies javascript and then the cost of my session.
If you want a cost to my.
So let's begin with the get started.
Part of it.
So getting start just guides you to how you can install it then less good to be seen as part of it.
Okay so this is a CNS part of the framework and this is a quick overview before you can you see assess
see csx Needs hastier Mel to work with so the very first thing you need to do in your code as recommended
by Bose wrap is to define his team of five doctype.
So on your documents your code you must have the doctype.
This is my sample project file.
I have got the doctype specified as advice by the bootstraps document I've got its best fight.
This indicates that the documents and his team of five doc.
Next thing you need to do in your code remember that framework defines how you write your code.
Next scene of advice is to define the method tag which indicates that the core is small but friendly.
You do that using this piece of tag here.
The metal refers to information the view refers to the screen size of the device that will be here in
the page.
So you need to specify that in your code and in the ed section.
I have done that in my sample document so it is always a good idea to have a sample template and then
define all these so I've defined that the viewport.
And they were for the mobile device.
The initial SCO here refers to the zoomin.
He allows you to zoom in and zoom out of the mobile.
This is the topography by default.
Books drop sets the background quite a lot of documents to white on the body and then he uses the font
family font to that family as the base for the font and uses values also contain as bootstrap requires
that a containing element wraps around the site content.
So any element you want to specify your code for use in Bootstrap you need to rub that in containers.
This is a piece of code written for creating buttons as you can see.
I've wrapped them all in containers as advice but bootstrap warkentin out there that's another container
and that's another container also always wrap your elements in containers so that you can utilize the
framework properly.
You've got the great system the bootstrap framework includes irresponsive more by a first fluey create
system so the grid system used to create a page layout so there must be handy.
Do that in rows and columns.
So let's go to the javascript side of the frame work.
This is Jeff us group site and here are the various things that are available for you to use so if you
need to create an alert you come here.
Click on the alert.
See how they want you to do it.
So this is how they found files that you write the code.
If you want to include an alert so there are different methods are staff.
So the framework really is just to guide you as to how you would use the tools available within the
framework and dealt with the complex section.
These are various components like the graphic ones here are various icons that you can use and then
you've got drub down.
If you wanted to create a drop down your.
Look at the drop down and depending on the type of drop down you want to create the trap framework as
already called sample's So you just need to replicate the samples and write it your code the way they
have specified so you can take advantage of the various classes built into the frame.
The key the key thing here is to come to know how to use the features within the framework.
So if you want.
This says companero you've come to the CSA section and just have a look.
For example if you wanted a button you click on the button tab and see how they created the button and
they will advise you how to use the classes they have defined for the buttons.
So all these are how you would use dipiero features in the.
And then you've got the customized session that lets you customize.
So these are the main things.
If you wanted less files you come on check what you want from the framework and then they'll read compile
it to cost of build for you.
So these are the various components of the framework.
If he does need all of them you can just check it and then rebuild the ones you want.
So this is how you would cost 10 miles.
Both strap frame work so you don't need to use everything you can use what you need.
So in this video just went to a very quick overview of the frame work.
These are the various components so if you need to do anything you just click on the respective rest
tabs and then utilize the various devices or features they have.
But strub does give you.
Vice on how to use them as well.
So thank you so much for watching this video.
I hope it's helpful.
Take care and bye for now.