Bootstrap 4.0 Grid System Layout not working

Question

I\'m trying to do a layout with bootstrap, but I can\'t figure it out what I\'m doing wrong. I\'m putting two columns of 6 and the second column of 6 I\'m putting 2 columns

Answer 1

You're just missing a basic Bootstrap "rule". From the docs..

In a grid layout, content must be placed within columns and only columns may be immediate children of rows.

In Bootstrap 4, .col- that are not placed in .row will stack vertically.

https://www.codeply.com/go/GlA3IP7oGU

    

        
a a a a a a
    
    

        

            

                
a
            
            

                
a
            

            

                
a
            
            

                
a
            
        
    

---

Read how Bootstrap nesting works

---

Related: Wrapping bootstrap columns in extra div