Bootstrap 4

en evolusjon, ikke en revolusjon

Bootstrap v3 => v4

  • Enklere overgang enn v2 => v3
  • LESS => SASS
  • Wells, thumbnails og panels => cards
  • px => rem
  • Valgfri flexbox support (støttes ikke av IE9)
  • Forbedret grid-system
  • Noen endringer i klassenavn, mer konsistens
  • Alle javascript plugins reskrevet i ES6
  • Mange muligheter for tilpasning via variabler
  • Forbedret dokumentasjon
  • Droppet støtte for IE8 og iOs6

5 responsive breakpoints/nivå

Flexbox grid

  • Mulighet for vertikal justering
<div class="container">
  <div class="row">
    <div class="col-xs flex-xs-top">
      One of three columns
    </div>
    <div class="col-xs flex-xs-middle">
      One of three columns
    </div>
    <div class="col-xs flex-xs-bottom">
      One of three columns
    </div>
  </div>
</div>

Official Bootstrap Themes

  • Lisensierte themes laget av Bootstrap teamet  
  • Hvert theme har egen dokumentasjon, komponenter og plugins
  • Tre themes for øyeblikket:

v4 - fremdrift

  • August 2015: alpha 1
  • Desember 2015: alpha 2
  • Juli: alpha 3
  • September: alpha 4
  • Oktober: alpha 5
  • Videre:
    • alpha 6 (github: 54%)
    • 2 beta versjoner
    • 2 release candidates
  • 15 150 commits
  • 796 contributors
  • 303 issues

 

bootstrap-slack.herokuapp.com

Bootstrap 4 - light

By Eilev Hagen

Bootstrap 4 - light

  • 357