Etendi · Bootstrap en Esperanto

Bootstrap estas farita kun LESS ĉe ĝia kerno, dinamika stilfoliolingvo kreita de nia bona amiko, Alexis Sellier . Ĝi igas disvolvi CSS-bazitan sistemon pli rapida, pli facila kaj pli amuza.

Kial MALPLOPE?

Unu el la kreintoj de Bootstrap skribis rapidan blogan afiŝon pri tio , resumitan ĉi tie:

Bootstrap kompilas pli rapide ~6x pli rapide kun Less kompare kun Sass
Malpli estas skribita en JavaScript, faciligante al ni plonĝi kaj fliki kompare kun Ruby kun Sass.
Malpli estas pli; ni volas senti, ke ni skribas CSS kaj faras Bootstrap alirebla por ĉiuj.

Kio estas inkluzivita?

Kiel etendaĵo de CSS, LESS inkluzivas variablojn, miksaĵojn por reuzeblaj fragmentoj de kodo, operaciojn por simpla matematiko, nestumado kaj eĉ kolorfunkcioj.

Lernu pli

Vizitu la oficialan retejon ĉe http://lesscss.org/ por lerni pli.

Ĉar nia CSS estas skribita kun Less kaj utiligas variablojn kaj miksaĵojn, ĝi devas esti kompilita por fina produktada efektivigo. Jen kiel.

Noto: Se vi sendas tiri peton al GitHub kun modifita CSS, vi devas rekompili la CSS per iu el ĉi tiuj metodoj.

Iloj por kompili

Komandlinio

Sekvu la instrukciojn en la projekto readme sur GitHub por kompili per komandlinio.

JavaScript

Elŝutu la plej novan Less.js kaj inkludu la vojon al ĝi (kaj Bootstrap) en la <head>.

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

Por rekompili la .malpli dosierojn, simple konservu ilin kaj reŝargu vian paĝon. Less.js kompilas ilin kaj konservas ilin en loka stokado.

Neoficiala Mac-apliko

La neoficiala Mac-aplikaĵo rigardas dosierujojn de .less dosieroj kaj kompilas la kodon al lokaj dosieroj post ĉiu konservado de rigardita .less dosiero. Se vi ŝatas, vi povas ŝanĝi preferojn en la aplikaĵo por aŭtomata minigo kaj en kiu dosierujo la kompilitaj dosieroj finiĝas.

Agordu dosierstrukturon

Elŝutu la lastan kompilitan Bootstrap kaj metu en vian projekton. Ekzemple, vi eble havas ion tian:

  app/
      aranĝoj/
      ŝablonoj/
  publika/
      css/
          bootstrap.min.css
      js/
          bootstrap.min.js
      img/
          glyphicons-halflings.png
          glyphicons-halflings-white.png

Uzu komencan ŝablonon

Kopiu la sekvan bazan HTML por komenci.

<html>
  <kapo>
    <title> Bootstrap 101 Ŝablono </title>
    <!-- Bootstrap -->
    <link href = "public/css/bootstrap.min.css" rel = "stilfolio" >  
  </kapo>
  <korpo>
    <h1> Saluton, mondo! </h1>
    <!-- Bootstrap -->
    <script src = "public/js/bootstrap.min.js" ></script> 
  </korpo>
</html>

Tavolo sur kutima kodo

Laboru en viaj kutimaj CSS, JS, kaj pli kiel necese por fari Bootstrap via propra per viaj apartaj CSS kaj JS-dosieroj.

<html>
  <kapo>
    <title> Bootstrap 101 Ŝablono </title>
    <!-- Bootstrap -->
    <link href = "public/css/bootstrap.min.css" rel = "stilfolio" >  
    <!-- Projekto -->
    <link href = "public/css/application.css" rel = "stilfolio" >  
  </kapo>
  <korpo>
    <h1> Saluton, mondo! </h1>
    <!-- Bootstrap -->
    <script src = "public/js/bootstrap.min.js" ></script> 
    <!-- Projekto -->
    <script src = "public/js/application.js" ></script> 
  </korpo>
</html>

Etendante Bootstrap

Konstruita kun MALPLOPO

Kial MALPLOPE?

Kio estas inkluzivita?

Lernu pli

Kompilante Bootstrap kun Malpli

Iloj por kompili

Komandlinio

JavaScript

Neoficiala Mac-apliko

Pli da programoj

Crunch

CodeKit

Simpla

Uzu kiel senmovaj valoraĵoj

Agordu dosierstrukturon

Uzu komencan ŝablonon

Tavolo sur kutima kodo