Bootstrap 3网格在html中的较少vs

实现bootstrap 3网格的最佳实践是什么？有两种选择,通过html中的类和通过较少的mixins.

在html和bootstrap.css中使用bootstrap类(这似乎是标准的):

    

        

            
test
        
        

            

                

                    
Another test
                
                

                    
Yet another test
                
            
        
    

使用LESS和bootstrap mixins以及适当的html结构:

    

       

          
test
       
       

          

             

                
Another test
             

             

               
Yet another test
             

          
       
    
 
 

和相应的LESS:

#maincontent{
   .container();
   #maincontentarea{
      .make-row();
      #blogarticles{
         .make-md-column(6);
         .make-xs-column(8);
      }
      #whatsnew{
         .make-md-column(6);
         .make-xs-column(4);
         #whatsnewarea{
            .make-row();
            #whatsnewheading{
              .make-md-column(8);
            }
            #whatsnewlist{
              .make-xs-column(6);
            }
         }
      }
   }
}

让一个.LESS文件简单地使用bootstrap mixins来定义结构听起来是个不错的主意,但这实际上并不是在LESS中已经定义的less文件中重复元素结构.哪一个更易于维护？