Usuario:Juanda/bootstrap/less

= less y Twitter Bootstrap =

Conceptos generales

 * Twitter Bootstrap permite trabajar con less o con sass
 * Nosotros trabajaremos con less que viene "desde siempre" en Twitter Bootstrap.
 * Permite manejar variables, mixins, reglas anidadas...
 * Lo más práctico es mirar la parte de características del lenguaje less dentro de su web.

Variables

 * Código en less:
 * Se procesa y genera el siguiente css:

Mixins

 * Podemos incluir un conjunto de propiedades de una regla css dentro de otras reglas:

Reglas anidadas

 * En css sería:


 * Mediante less puede quedar más fácil de lectura:

Instalación de less

 * Se instala mediante npm. Si no dispones del comando, lee la última parte del wiki (themes) para instalar npm.

less y Twitter Botstrap

 * Debemos descargar la versión de Twitter Bootstrap que viene con less
 * En la carpeta less encontraremos un fichero .less por cada componente de css del framework.
 * El fichero bootstrap.less enlaza todos ellos:
 * Comprobación instalación y versión de less:
 * Generación del fichero css: