Personalizzazione bootstrap: Perché dovrei usare MENO?

Question

Sto considerando l'integrazione di LESS nel mio editor Bootstrap (Bootply.com) per conformarmi a Bootstrap customization best practices e al supporto per i mixin.

Tuttavia, devo ancora determinare i vantaggi specifici (prestazioni e non) dell'utilizzo di LESS su semplici override CSS. Sembra che alla fine LESS sia compilato in CSS. Sembra che LESS introdurrà più attività di mantenimento/ricompilazione quando verranno introdotte nuove versioni di Bootstrap.

Attualmente la personalizzazione Bootstrap con Bootply viene eseguita aggiungendo un file "theme.css" personalizzato dopo "bootstrap.css". Quindi, se si desidera cambiare il colore .navbar vorrei solo aggiungere alcune righe a 'theme.css' come ..

.navbar-custom .navbar-inner { 
    background-color:#444444; 
} 

E poi la marcatura assomiglia:

<div class="navbar navbar-custom navbar-fixed-top">.. 

Se questa è la non è una best practice per la personalizzazione, come migliora LESS?

Answer 1

MENO astrae pasticci CSS come questo:

background: #45484d; /* Old browsers */ 
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */ 
background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000',GradientType=0); /* IE6-9 */ 

Nel tuo caso, la barra di navigazione ha un gradiente, quindi non si può semplicemente cambiare il colore di sfondo. Se usi MENO, puoi scegliere due colori, e da qualche parte dentro i file CSS di Bootstrap, qualcosa che somiglia al disordine di cui sopra verrà aggiornato automaticamente.