[Web Design] Bootstrap 4 Novità

Ci sono un sacco di grandi cambiamenti per l’avvio ed è impossibile trattarli tutti in dettaglio, ecco alcuni dei nostri momenti preferiti::

  • Migrato da Less a Sass. Bootstrap adesso compila più velocemente che mai grazie a Libass, siamo entrati nella community in espansione degli sviluppatori Sass.
  • Migliorato il sistema di griglie. Abbiamo aggiunto un nuovo layer di griglie per supportare al meglio i dispositivi mobile.
  • Opt-in flexbox attivo il supporto. The future is now— swithcare una variabile booleana e ricompilare il css è un grande vantaggio.
  • Rimosse wells, thumnails e panel per le cards. Le card sono un nuovo componente di Bootstrap che va a migliorare tutti gli altri componenti.
  • Consolidati tutti i reset in un solo nuovo modulo, Reboot. Reboot c’è dove Normalize.css si ferma, permette di gestire al meglio box-sizing: border-box, margini e molto altro tutto dentro un unico file Sass.
  • Nuove opzioni per customizzare. Tutte le opzioni per i gradienti, transizioni, ombre e molto altro sono in un file esterno come nella V3. Adesso tutto è dentro variabili Sass cosi da cambiare e ricompilare per vedere le modifiche.
  • Rimosso supporto IE8 e spostato a rem e em. Rimosso il supporto a IE8 vuol dire abimitare i vantaggi delle migliori opzioni CSS. I Pixel sono stati sostituiti con rems e ems per gestire al meglio la tipografia resposive. Se hai bisogno del supporto a IE8 usa la v3.
  • Riscritti tutti i plugin Javascript. Ogni plugin è stato riscritto in ES6 per avere i vantaggi dell’ultima versione di Javascript.
  • Migliorato auto-posizionamento dei tooltip e dei popover grazie all’aiuto di un tool chiamato Tether.
  • Migliorata la documentazione. Abbiamo riscritto tutto in Markdown e aggiungo alcuni plugin per gestire esempi e code snippet per migliorare la nostra documentazione e renderla più semplice da consultare.
  • E molto altro! Aggiungi controlli su form, margini, padding e altre classi.

Queste sono le principali novità di Bootstrap 4, sicuramente da provare!

Start typing and press Enter to search