Bootstrap Tutorial for beginners #4 Grid System in Bootstrap



https://i.ytimg.com/vi/BedLzEbwQ8g/hqdefault.jpg



Welcome to Tech Talk Tricks and in this video, we will learn about bootstrap grid system in bootstrap tutorial for beginners in Hindi with suitable example.

My Gadgets :
►Laptop : https://amzn.to/2UlVZq7
►Mic : https://amzn.to/2Scq3al
►Tripod : https://amzn.to/2TfND3e
►Phone : https://amzn.to/2UroWkN

Grid System Rules. Some Bootstrap grid system rules: Rows must be placed within a .container (fixed-width) or .container-fluid (full-width) for proper alignment and padding. Use rows to create horizontal groups of columns. … Grid columns are created by specifying the number of 12 available columns you wish to span.

Bootstrap Container. In Bootstrap, container is used to set the content’s margins dealing with the responsive behaviors of your layout. It contains the row elements and the row elements are the container of columns (known as grid system). The container class is used to create boxed content.

The Bootstrap “span” classes are used in the bootstrap grid system. The documentation shows columns labelled with numbers, each number represents the span class used for this container. Offset are shown right in the next section, they define how many empty columns should be to the left of the span

The Bootstrap grid system has four classes: xs (phones), sm (tablets), md (desktops), and lg (larger desktops). The classes can be combined to create more dynamic and flexible layouts. Tip: Each class scales up, so if you wish to set the same widths for xs and sm, you only need to specify xs

Turn any fixed-width grid layout into a full-width layout by changing your outermost .container to .container-fluid . Looking in bootstrap.css , it appears that .container-fluid is identical to .container

#gridInBootstrap #webDesign #webDevelopment #ranasingh #techtalktricks #bootsTrapTutorial

At Tech Talk Tricks you will learn HTML, CSS, SQL, PL/SQL, JAVA and many more computer as well as mobile tips and tricks.
So please SUBSCRIBE to getting updated with the latest technology.

bootstrap grid examples,bootstrap grid generator,bootstrap grid template,bootstrap grid tutorial,bootstrap grid psd,bootstrap container width,bootstrap 4 breakpoints,bootstrap offset right

SUBSCRIBE our channel at :
https://www.youtube.com/techtalktricks

**************************************************
Follow Tech Talk Trick on Facebook
https://www.facebook.com/techtalktricks
**************************************************
Follow tech talk trick on Twitter
https://twitter.com/tecktalktrick
**************************************************
Follow Tech Talk Tricks on Instagram
https://www.instagram.com/techtalktricks
**************************************************
Subscribe tech talk tricks on YouTube
https://www.youtube.com/techtalktricks
***************************************************

Original source


5 responses to “Bootstrap Tutorial for beginners #4 Grid System in Bootstrap”

Leave a Reply