划分Bootstrap网格列的最佳方法

我按照下面的方式划分了Bootstrap网格列.

    

        
A
        

            
B1
            

                
B1.1
                
B1.2
            
            

                
B2.1
                
B2.2
            
        
        
C
    

请在下面找到此代码的可视布局.

我划分网格列的方法是正确还是错误？

始终将列包装在一行中,以避免在调整大小/或类似内容时出现任何css中断

    

        
A 

        
B
            

                
B1
            
            

                
B1.1
                
B1.2
            
            

                
B2.1
                
B2.2
            
        

        
C 
    

你应该为B里面的孩子添加行div.

    

        

        A
        


        

            

                
B1
            

            

                
B1.1
                
B1.2
            

            

                
B2.1
                
B2.2
            
        

        

        C