在单个元素上组合Bootstrapcol和row类

一:

 

   

      

       . 
       .
      
    
 

二:

 

   

   .
   .
  
 

两个实现是否相同？我可以使用2方法,以便我可以减少标记.

根据Bootstrap自己的API文档,当嵌套列时,任何列.col都应嵌套在一个.row.两者不应合并在一个元素上.

除了在语义上更有意义的事实之外,两个类影响的底层CSS属性依赖于此结构.

另请注意,col-md-12在隔离使用时,您实际上是在创建一个全宽度元素(无论如何都是行).在这种情况下,使用网格布局可能不相关,除非您有其他元素以不同的屏幕尺寸显示/进入游戏.

正确(如果使用其他列以及col-md-12):

 

   

      

       . 
       .
      
    
 

错误:

 

   

   .
   .
  
 

如果您只想要一个全宽度元素,则不需要使用网格布局和/或可以删除​​一个级别的嵌套.