• Friday , 29 May 2020

Bootstrap Tutorial for beginners #4 Grid System in Bootstrap

Code Canyon
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

**************************************************
Follow Tech Talk Tricks on Instagram
https://www.instagram.com/techtalktricks
**************************************************
Subscribe tech talk tricks on YouTube
https://www.youtube.com/techtalktricks
***************************************************

Original source

3d Ocean

Related Posts

5 Comments

  1. Narendra Makvana
    May 26, 2019 at 16:02

    sir need your help share your whatsapp number

  2. Ram Gurjar
    May 26, 2019 at 16:02

    Sir ek video or bna do plz is p sare use kr ke …col md sm.etc

  3. Ram Gurjar
    May 26, 2019 at 16:02

    Sir md xs sm Ko ek saath kaise use krte h..

  4. Ram Gurjar
    May 26, 2019 at 16:02

    Nice sir

  5. aim of tech gamer
    May 26, 2019 at 16:02

    Nice bro

Leave A Comment

You must be logged in to post a comment.