Estendi · Bootstrap in corsu

Bootstrap hè fattu cù LESS in u so core, una lingua di stile dinamica creata da u nostru bonu amicu, Alexis Sellier . Face u sviluppu di CSS basati in sistemi più veloce, più faciule è più divertente.

Perchè MENU?

Unu di i creatori di Bootstrap hà scrittu un blog post rapidu annantu à questu , riassuntu quì:

Bootstrap compila più veloce ~ 6x più veloce cù Less cumparatu cù Sass
Meno hè scrittu in JavaScript, facendu più faciule per noi di tuffà è patch paragunatu à Ruby cù Sass.
Meno hè più; vulemu sentu chì scrivemu CSS è rende Bootstrap accessibile à tutti.

Chì ci hè inclusu?

Cum'è una estensione di CSS, LESS include variabili, mixin per snippets di codice reutilizabili, operazioni per matematiche simplici, nesting, è ancu funzioni di culore.

Sapè ne di più

Visita u situ ufficiale à http://lesscss.org/ per sapè di più.

Siccomu u nostru CSS hè scrittu cù Less è utilizza variabili è mixins, deve esse compilatu per l'implementazione di a produzzione finale. Eccu cumu.

Nota: Se inviate una dumanda di pull à GitHub cù CSS mudificatu, duvete ricompilà u CSS per qualsiasi di sti metudi.

Strumenti per cumpilà

Linea di cumanda

Segui l'istruzzioni in u prughjettu readme in GitHub per a compilazione via linea di cummanda.

JavaScript

Scaricate l'ultime Less.js è include u percorsu (è Bootstrap) in u <head>.

<link rel = "stylesheet/less" href = "/path/to/bootstrap.less" > <script src = "/path/to/less.js" ></script>

Per recompilà i schedari .less, basta à salvà è ricaricà a vostra pagina. Less.js li compila è li guarda in u almacenamentu locale.

App Mac non ufficiale

L'app Mac non ufficiale guarda cartulari di schedarii .less è compile u codice à i schedarii lucali dopu ogni salvezza di un schedariu .less guardatu. Se vulete, pudete cambià e preferenze in l'app per a minificazione automatica è in quale cartulare finiscinu i fugliali compilati.

Più app

Crunch

Crunch hè un grande editore LESS è compilatore custruitu nantu à Adobe Air.

CodeKit

Creatu da u stessu tippu cum'è l'app Mac non ufficiale, CodeKit hè una app Mac chì compila LESS, SASS, Stylus è CoffeeScript.

Semplice

App Mac, Linux è Windows per drag and drop compilation di LESS files. In più, u codice fonte hè in GitHub .

Avviate rapidamente qualsiasi prughjettu web abbandunendu u CSS è JS compilati o minificati. Strate nantu à stili persunalizati separatamente per aghjurnamenti facili è mantenimentu in avanti.

Configurate a struttura di u schedariu

Scaricate l'ultimu Bootstrap compilatu è mette in u vostru prughjettu. Per esempiu, pudete avè qualcosa cum'è questu:

  app/
      layouts/
      mudelli/
  publicu/
      css/
          bootstrap.min.css
      js/
          bootstrap.min.js
      img/
          glyphicons-halflings.png
          glyphicons-halflings-biancu.png

Utilizà u mudellu di partenza

Copia u seguente HTML di basa per cumincià.

<html>
  <capu>
    <title> Bootstrap 101 Template </title>
    <!-- Bootstrap -->
    <link href = "public/css/bootstrap.min.css" rel = "stilesheet" >  
  </head>
  <corpu>
    <h1> Salute, mondu ! </h1>
    <!-- Bootstrap -->
    <script src = "public/js/bootstrap.min.js" ></script> 
  </corpu>
</html>

Stratu nantu à u codice persunalizatu

U travagliu in u vostru CSS, JS, è più persunalizatu cum'è necessariu per fà Bootstrap u vostru propiu cù i vostri schedari CSS è JS separati.

<html>
  <capu>
    <title> Bootstrap 101 Template </title>
    <!-- Bootstrap -->
    <link href = "public/css/bootstrap.min.css" rel = "stilesheet" >  
    <!-- Prughjettu -->
    <link href = "public/css/application.css" rel = "stilesheet" >  
  </head>
  <corpu>
    <h1> Salute, mondu ! </h1>
    <!-- Bootstrap -->
    <script src = "public/js/bootstrap.min.js" ></script> 
    <!-- Prughjettu -->
    <script src = "public/js/application.js" ></script> 
  </corpu>
</html>

Estende Bootstrap

Custruitu cù LESS