Il team di Bootstrap ha appena annunciato il rilascio dell'ultima versione del noto framework CSS. Dopo un lungo ciclo di rilasci alpha e beta, la versione definitiva è finalmente disponibile per tutti gli sviluppatori, portando così diverse novità significative. Nel seguito cercheremo di riassumere le principali.
Bootstrap 5: componenti nuovi e aggiornati
Con Bootstrap 5 è stato introdotto un componente offcanvas. Basato sui componenti modali già presenti nelle versioni precedenti, questo nuovo componente include uno sfondo personalizzabile, scrolling del contenuto e posizionamento configurabile a piacimento. I componenti offcanvas possono essere posizionati nella parte superiore, destra, inferiore o sinistra della finestra.
È stato inoltre introdotto un nuovo componente accordion
.accordion
.card
JavaScript
HTML
CSS
Sono stati inoltre aggiornati i form checkbox radio button switch floating label campi di input
Layout semplificato e support RTL
Il sistema a griglia è stato migliorato, e permette adesso di semplificare moltissimo la definizione dei layout, evitando la necessità di affidarsi a .form-group
, .form-row
e .form-inline
. Anche alcune proprietà delle classi principali, come ad esempio la rimozione di position: relative
dalle classi relative alle colonne.
Un'altra importante novità riguarda il supporto alla visualizzazione "right to left" (RTL), che include una serie di nuove risorse:
- è stata rilasciato un nuovo file CSS riadattato in modo da supportare questa modalità di visualizzazione
- una nuova sezione della documentazione
Altre novità
A tutto ciò si aggiungono molte altre novità, che è però difficile elencare tutte insieme. Chi vuole approfondire può comunque fare riferimento alle note di rilascio ufficiali, direttamente sul blog di Bootstrap.