twitter bootstrap - node - Menos v2 no compila Bootstrap 2.x de Twitter

less tutorial

Question

Al compilar Bootstrap 2.3.2 de Twitter. con menos 2 me encontré con el siguiente error:

NameError: #grid > .core > .span is undefined in /home/bootstrap-2.3.2/less/navbar.less on line 199, column 3:
198 .navbar-fixed-bottom .container {
199   #grid > .core > .span(@gridColumns);
200 }

¿Cómo puedo arreglar esto?

Answer 1

En el archivo less/navbar.less :

Reemplazar:

.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  #grid > .core > .span(@gridColumns);
}

Con:

.navbar-static-top .container,  
.navbar-fixed-top .container,
.navbar-fixed-bottom .container { 
width: (@gridColumnWidth * @gridColumns) + (@gridGutterWidth * (@gridColumns - 1));
}

Consulte también: Anulación de las definiciones de clases con Less

Answer 2

No hay necesidad de editar el estilo.

Simplemente npm install [email protected] y tendrás una copia local (dentro de la carpeta en la que estás) de la versión menos reciente v1, que compila el bootstrap v2.3.2 correctamente si ejecutas node_modules/less/bin/lessc source.less output.css .

Answer 3

Pude evitar el error sin modificar los archivos de Bootstrap creando una nueva mezcla que se cargó después de las mezclas de Bootstrap:

#grid {
    .core  {
        .span(@gridColumns) {
            width: (@gridColumnWidth * @gridColumns) + (@gridGutterWidth * (@gridColumns - 1));
        }
    }
};

Esto fue mejor para nosotros, ya que evitamos reparar paquetes contrib.