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:
  • Dashboard
  • Marketing
  • Application

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

github.com/twbs/bootstrap

• 15 150 commits
• 796 contributors
• 303 issues

bootstrap-slack.herokuapp.com