Hello and welcome to the bootstrap class brought to you by the creative mind school.
My name is key.
Then I'm going to be your instructor.
I've been doing website design in development for about 20 years now and I've taught over a hundred
students in both the classroom as well as on my all different aspects of the web.
In this class let me show you how to quickly build a web site using bootstrap.
For now this we built on each team on CSSA as well was just a little bit of a query that helps expand
on the bootstrap capabilities.
So here's an example of a bootstrap template similar to what we're building in this class.
And just to show some of the benefits of using bootstrap bootstrap carbides this whole framework where
you can easily and quickly build a website using some predefined CSX bootstrap is what's helping create
things like buttons and the grid here and the menu and the logo and everything that falls within it.
It helps stylized images and provides space scene and keeping things uniform from page to page.
And also helps you do things like pricing tables as well as interactive map that you can do.
This is the part that's going to require a little bit of a query but it's very easy to use.
It also helps create in-style as things like Quantic farms.
But the real power strip I feel that comes in when it comes to responsive design.
As you can see I have my menu up here and my logo and all my content it's like let's go back to the
home page right now.
And you can see a little bit better what happens as this starts to respond to different browser sizes.
So as I make my browser a little bit smaller you can see that everything goes from the three column
format to slightly smaller three columns.
To a single column and in some cases two columns were all this stuff you can define and as I start to
get smaller you can see that the menu goes into what they call the hamburger menu where it expands contracts
when you click on that.
Now they still continue to make it even smaller
page continues to be responsive and then react to the size of the browser says you can see this is more
like what mobile site might look like whereas something like this might be what you would see in a tablet
and then on different sized desktop browsers.
So there's a lot of benefits to using bootstrapping and looking forward to getting into it showing you
all the pieces that make it up.