Welcome our videos tutorial learnings In this video I will teach you what is the bootstrap grid system bootstrap grid system divided whole website and container it totally 12 columns cross the page bootstrap grid system a built with the flexible box and allow up to 12 columns across the page if you do not want to use alt pearl columns individually you can group the columns together to create that column if you want to 12 columns use you can use third column are you not want to use 12 columns you can group it all can use within container the grid system is is responsive and the column will be rearranged Automatically depending on the screen size, make sure that some adds up to our favor. It is not required at the EU has to allow available columns. It's depend on you when you're designing websites, but kind of the side you need and how you manage your website according to your requirements.

There is a use grid classes bootstrap for grid system has five classes. Call extra small devices.co co call for use extra small devices the screen with less than 565 76 pixels it less than for that use column dot c a simple devices screen with equal r greater than 576 pixels. Color medium for like tablet and others. 768 pixel column large large devices are where they call and greater than 992. Extra Large, extra large devices is screen width equal to or greater large. When are you using the greatest system?

We have defined the classes in these classes, we use these things. Suppose we use dot Cole minus, it's less than 576 pixels can use which designing you want to display on that devices. And if you want similar devices screen with the color greater than 576 pixels, you can design according to your wishes on their devices. I will guide you how you get it and for medium devices like tablets and other devices you can use on this class. What ever color font size whatever you need you can device extra large you can use for your laptops and tablets according to your wishes. bootstrap grid system there is a total columns defining in the web page.

You can grip on us one all these are all use you one by one issues depending on your website what kind of website are you going to use and how you like to your website display on screen it is depend completely depend on you. Let's come there is a container Let me check it. Come on, run it. Let's 1234 columns. We have there is a for current we have disputed 12344 columns we have displayed there and the four columns showing that if we increase that 448 Let's check six columns here and you can resize here and files suppose we want to use that girl. Let's check it show total size completely and we used for that suppose 8864244 Our columns divided differently according to their sizes 12345678 we are using here x.

In there you can use, make media theory files, and then resize according your webpage. Just we show grid system, how you can use on hair, according to your websites. in next lecture, I will teach you how you can resize the page according to your requirement like you use for tablets, mobiles and laptops. Thank you very much.