Soy relativamente nuevo en bootstrap y menos, y esta es una prueba de ejecución. El objetivo es tomar las clases bootstrap y convertirlas en clases simples y semánticas usando menos. Sigo recibiendo mensajes de error que dicen que .col-sm-12 y .col-md-8 no están definidos.

¿Cómo resuelvo este problema?

    /*less styles file*/

@import "bootstrap.min.css";

@boom: #ea7000;

@screen-sm: ~"(min-width:768px)";
@screen-md: ~"(min-width:992px)";
@screen-lg: ~"(min-width:1200px)";

.tim    {
    height: 200px;
        @media screen, @screen-sm   {
            background-color: black;
            .col-sm-12;
        }
        @media screen, @screen-md{
            background-color: @boom;
            .col-md-8;
        }
}