Centering a group of Bootstrap DIVs

Question

How to center a group of DIVs centered inside container class but without centering each row? In the following example can be seen a margin on the right area of the gray div whichs makes the group not to be showed in the center of the container. Using a justify-content-center will also center the last unpair row which I don't want. The idea is to have a responsible group of divs. Please advice:


  centering divs
    
    One
    Two
    Three
    One
    Two
    Three
    One
    Two
    Three
    One
    Two
    Three
    One
    Two
    Three
    One
    Two
    Three
    One
    Two
    Three
    One
    Two
    Three

user_7594340 · Answer

You can use multiple classes inside the class attribute, separated by whitespace aa and text-alignin your CSS like that

.center{
text-align: center;
}
.left{
text-align: left;
  
}


  centering divs
    
    One
    Two
    Three
    One
    Two
    Three
    One
    Two
    Three
    One
    Two
    Three
    One
    Two
    Three
    One
    Two
    Three
    One
    Two
    Three
    One
    Two
    Three

Centering a group of Bootstrap DIVs

1 Answers