twitter-bootstrap-3 - container - popovers bootstrap 4
Dotless falla al compilar; en Bootstrap 3 menos fuente (4)
Utilizo 1.3.1.0 sin punto para compilar menos archivos. Esto funcionó bien con bootstrap 2.x, pero después de cambiar a bootstrap 3.0.0 (descargué la fuente desde aquí: http://getbootstrap.com/getting-started/ ), de repente recibí este error:
Se esperaba '')'' pero se encontró '''' en la línea 47 en el archivo ''mixins.less'': [46]: // Accesos directos de tamaño [47]: .size (@width; @height) {--------- --- ^ [48]: ancho: @ ancho;
Parece que tener un; como separador entre parámetros no es válido menos. La fuente original en mixins.less se ve así:
...
// Sizing shortcuts
.size(@width; @height) {
width: @width;
height: @height;
}
...
¿Tengo que usar un compilador menos actualizado? ¿O lanzó bootstrap con errores de menos origen?
ACTUALIZACIÓN 1: puedo ver, que existe una solicitud de extracción de puntoless, solucionando el problema;
https://github.com/dotless/dotless/pulls "No se admiten las correcciones para las listas de parámetros mixin # 319 # 320"
Iré usando los archivos css hasta que esto se haya solucionado en dotless.
Después de pasar horas en hacer que esto funcione, descubrí que sin puntos es bastante inútil en este momento.
pero aquí es donde puede implementar Less y Bootstrap 3 Less en su proyecto mvc ASP.Net
Este tipo acaba de ganar un internets en mi libro y si puedes rastrear su cuenta de intercambio de pila por mí, házmelo saber.
He creado un httphandler que compilará menos con lessjs.
Es más una prueba de concepto que un código de calidad de producción, sin embargo, puede ser útil para algunas personas como punto de partida.
Puedes encontrar la fuente aquí:
https://bitbucket.org/martinbooth/clearscriptless
En caso de que alguien esté interesado en intentar hacer esto usando jurásico, puedes encontrar mi intento aquí:
https://bitbucket.org/martinbooth/jurassicless
No recomiendo Jurassic para esto porque
-
requirió algunas correcciones de errores a la biblioteca que no están actualmente integradas en el proyecto principal.Mis cambios ahora están en la rama principal de Jurásico, así que esto ya no es un problema (aunque la última versión no los incluye actualmente) - es muy lento, de ahí la razón por la que intenté borrar el texto
Uno de mis colegas que utiliza sin punto ha tenido algunas correcciones para Bootstrap 3 problemas fusionados. Aparentemente Bootstrap3 ahora compilará con el último código :)
https://github.com/dotless/dotless/commits/master
Espero que pronto esté disponible un paquete NuGet actualizado (basado en este tweet )
Si revisas la página de inicio de bootstrap, verás que dicen:
MENOS compilación
Si descarga los archivos originales, debe compilar los archivos LESS de Bootstrap en CSS utilizables. Para hacer eso, Bootstrap solo es compatible oficialmente con Recess, la herramienta de CSS de Twitter construida sobre less.js.
Aunque no usé sin punto, seguí un camino similar al que usaste usando lessc, y luego descubrí que usar el receso resolvió mi problema. Tal vez usar el recreo sería una opción para usted también?
Como ejemplo, tengo un archivo llamado tmpfl.less con los siguientes contenidos:
@import "mixins.less";
@import "variables.less";
.wrapper {
.make-row();
}
.content-main {
.make-lg-column(8);
}
.content-secondary {
.make-lg-column(3);
.make-lg-column-offset(1);
}
Si ejecuto lessc en él, obtengo el siguiente resultado:
lessc tmpfl.less
NameError: .size is undefined in mixins.less:47:0
46 // Sizing shortcuts
47 .size(@width; @height) {
48 width: @width;
Ahora, utilizo el recreo con éxito de la siguiente manera:
recess --compile tmpfl.less > tmpfl.css
Actualizar:
Para utilizar Recess en un entorno .Net, específicamente en Visual Studio, puede seguir estas instrucciones para obtener detalles sobre la instalación. Esas instrucciones proporcionan una descripción general, pero quizás omita algunos detalles sobre cómo instalar Node.js. Microsoft tiene algunas breves palabras al respecto y se vinculan a un proyecto de GitHub que podría ser útil dependiendo de su versión de Visual Studio.
Si no baja por la ruta Node.js-en-Visual Studio, entonces realmente el objetivo principal es tener Node.js instalado en algún lugar, y luego finalmente npm, el administrador de paquetes para Node.js para que pueda instalar Recess. Eso se puede lograr en Windows yendo a la descarga de Node.js e instalando la versión de Windows. La instalación de npm está resaltada en esta discusión de . Una vez instalado, solo necesita ejecutar npm para instalar Recess de la siguiente manera:
npm install recess -g
Eso también se discute en el primer enlace de esta actualización.