Extendit Bootstrap

Praetende Bootstrap ut stylos et componentes inclusos uti, nec minus variabiles et mixinas.

MINOR CSS

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

Imperium linea

Sequere instructiones in project readme in GitHub ad lineam mandatorum componendis.

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 ac 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, et Fenestra app pro reti et stilla componendis fasciculorum minorum. Plus, fons code in GitHub est .

Quamlibet projectam interretialem incipiunt mittendo in CSS et JS vel compilata vel diminuta. 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.

  1. <html>
  2. <caput>
  3. <title> Bootstrap 101 Formulae </title>
  4. <!-- Bootstrap -->
  5. <link href = "public/css/bootstrap.min.css" rel = "stylesheet" >
  6. </head>
  7. <body>
  8. <h1> Salve, mundi! </h1>
  9. <!-- Bootstrap -->
  10. <script src = "public/js/bootstrap.min.js" ></script>
  11. </body>
  12. </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.

  1. <html>
  2. <caput>
  3. <title> Bootstrap 101 Formulae </title>
  4. <!-- Bootstrap -->
  5. <link href = "public/css/bootstrap.min.css" rel = "stylesheet" >
  6. <!-- Project -->
  7. <link href = "public/css/application.css" rel = "stylesheet" >
  8. </head>
  9. <body>
  10. <h1> Salve, mundi! </h1>
  11. <!-- Bootstrap -->
  12. <script src = "public/js/bootstrap.min.js" ></script>
  13. <!-- Project -->
  14. <script src = "public/js/application.js" ></script>
  15. </body>
  16. </html>