Несоответствия выравнивания столбцов в Bootstrap 4

При переходе от Bootstrap 3 к Bootstrap 4 вы заметили, что ваши столбцы выровнены по вертикали, а не по вертикали. горизонтально. Это можно объяснить изменением системы сеток в Bootstrap 4.

Col-12 Issue

В Bootstrap 3 можно было переносить столбцы в родительскую строку, используя класс «полковник-12». Это больше недействительно в Bootstrap 4. Каждый уровень вложенности имеет свою собственную строку, поэтому удалите класс «col-12» из родительской строки:

    

        
TEST
    
    

        
TEST
    
    

        
TEST
    
    

        
TEST
    

Это обеспечит горизонтальное выравнивание столбцов и сохранение ожидаемого поведения. Для получения дополнительной информации о вложении в Bootstrap обратитесь к их официальной документации: https://getbootstrap.com/docs/4.0/layout/grid/#nesting