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.