In a bootstrap responsive page how to center a div

Question

I need to create a responsive page using bootstrap by positio

Answer 1

I think the simplest way to accomplish the layout with bootstrap is like this:

    

        

            

                

                    
Content goes here
                
            
        
    

all I did was to add layers of divs that allowed me to center the div, but since I am not using percentages, you need to specify the max-width of the div to be center.

You can use this same method to center more than one column, you just need to add more div layers:

    

        

            

                

                    

                        
Some content
                    
                    

                        
More content
                    
                
            
        
    

Note: that I added a div with column 12 for md, sm and xs, if you don't do this the first div with background color (in this case "blueviolet") will collapse, you will be able to see the child divs, but not the background color.