Praetende · Bootstrap Latine

Bootstrap cum minori in suo nucleo facta est, lingua dynamica a nostro bono amico facta, Alexis Sellier . Ratio explicandi substructio CSS citius, facilius, et magis iocum facit.

Quid minoi?

Unus e auctoribus Bootstrap scripsit celeris stili de hoc , hic compendiose:

Bootstrap componit citius ~6x citius cum Minus comparari Sass
Minus scriptum est in JavaScript, quod facilius nobis intendere et inmittit comparari Ruby cum Sass.
Minor plus est; velimus sentire sicut nos scribimus CSS et faciens Bootstrap omnibus affabilis.

Quid comprehendit?

Prorogatio CSS, MINOR variabiles includit, mixins pro reusable excerpta codicis, operationes pro simplici math, nidificatione, ac etiam functionibus coloratis.

Discere plus

Visita rutrum in http://lesscss.org/ ut plura discas.

Cum nostra CSS scripta sit cum minoribus et variabilibus et mixinis utatur, compilari debet ad exsecutionem finalem productionis. Ecce quomodo.

Nota: Si petitionem trahere ad GitHub cum CSS modificatis exhibeas, debes CSS per quemlibet horum modorum rescribere.

Instrumenta componendis

Nodi cum makefile

Instrue minus mandatum lineae compilatoris, JSHint, Recessus, et globally-js deformis cum npm currendo mandatum hoc:

$ npm install -g minus jshint recessus deformis-js

Semel inauguratus es iustus makee radice presul tui bootstrap et omnes positi es.

Accedit, si speculator inauguratus es, currere potes ut make watchbootstrap automatice reaedificata omni tempore limam in bootstrap lib (hoc non exigatur, modo commodum sit).

Imperium linea

Instrue praecepto minore instrumento per Nodem lineam et sequentia praecepti currunt:

$ lessc ./less/bootstrap.less > bootstrap.css

Vide ut --compressillud praeceptum comprehendas si bytes aliquos servare conaris!

JavaScript

Download latest Less.js and include the path to it (and Bootstrap) in the <head>.

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

Files .less recomplare, tantum serva et paginam tuam reload. Less.js conficit et reponit in loci reposita.

Priyatus Mac app

Mac app privatus directoria minorum imaginum custodit et codicem ad files locales componit postquam singulis praeter fasciculi speculatoris .less. Si libet, optiones toggle in app pro latae miniificationis et quae directorium imaginum compilatarum desinunt in.

Plures apps

Crunch

FRANGO magnum est aspiciens editorem minorem et compilator in Adobe Air aedificavit.

CodeKit

Ab eodem Guidone cum app priyate Mac, CodeKit est app Mac app qui MINOR, SASS, Stylus et CoffeeScript conscribit.

simplicitas

Mac, Linux, ac Fenestra app pro extraho et stilla componendis fasciculi minoris. Plus, fons code in GitHub est .

Quamlibet projectam interretialem omissis in CSS et JS, compilatis vel diminutis, cito incipiunt . Iacuit stylorum consuetudinum separatim ad upgrades faciles et sustentationem progrediendi.

Setup lima compages

Download recentissimas Bootstrap compilata et locum in project tuo. Exempli gratia aliquid simile hoc habes;

  app/
      layouts/
      templates/
  public/
      css/
          bootstrap.min.css
      js/
          bootstrap.min.js
      img/
          glyphicons-halflings.png
          glyphicons-dimidia-white.png

Utendum starter template

Effingo sequenti basi HTML ut incipiat.

<html>
  <caput>
    <title> Bootstrap 101 Formulae </title>
    <!-- Bootstrap -->
    <link href = "public/css/bootstrap.min.css" rel = "stylesheet" >  
  </head>
  <body>
    <h1> Salve, mundi! </h1>
    <!-- Bootstrap -->
    <script src = "public/js/bootstrap.min.js" ></script> 
  </body>
</html>

Iacuit in codice mos

Operare in consuetudine tua CSS, JS, et plus quam necesse est ut proprium tuum Bootstrap efficias cum fasciculis separatis CSS et JS.

<html>
  <caput>
    <title> Bootstrap 101 Formulae </title>
    <!-- Bootstrap -->
    <link href = "public/css/bootstrap.min.css" rel = "stylesheet" >  
    <!-- Project -->
    <link href = "public/css/application.css" rel = "stylesheet" >  
  </head>
  <body>
    <h1> Salve, mundi! </h1>
    <!-- Bootstrap -->
    <script src = "public/js/bootstrap.min.js" ></script> 
    <!-- Project -->
    <script src = "public/js/application.js" ></script> 
  </body>
</html>

Extendit Bootstrap

Aedificavit cum minori