Bootstrap (framework)

Bootstrap è una libreria di strumenti liberi per la creazione di siti e applicazioni per il Web.

Essa contiene modelli di progettazione basati su HTML e CSS, sia per la tipografia, che per le varie componenti dell'interfaccia, come moduli, pulsanti e navigazione, così come alcune estensioni opzionali di JavaScript.

Origine

Bootstrap è stato sviluppato da Mark Otto e Jacob Thornton presso Twitter come un framework che uniformasse i vari componenti che ne realizzavano l'interfaccia web, dato che la presenza di diverse librerie aveva portato ad incoerenze ed elevati oneri di manutenzione. Lo stesso Otto racconta:

È stato impiegato per la prima volta in condizioni reali durante la prima Hackweek di Twitter, quando Otto ha mostrato ad alcuni colleghi come lo sviluppo dei loro progetti potesse essere accelerato grazie al Bootstrap.

Dopo quell'occasione decine di squadre di sviluppo di Twitter sono passate a questo strumento.

Nell'agosto 2011 Twitter ha lanciato Bootstrap come open source, invitando tutti gli sviluppatori a partecipare al progetto e a dare il loro contributo alla piattaforma.

Nel febbraio 2012, è stato il progetto di sviluppo che sulla piattaforma GitHub ha ricevuto il maggior numero di apprezzamenti, ottenendo, al febbraio 2018, 122 000 stelle e 58 000 fork.

Uno dei fork realizzati è “Bootstrap Italia”, sviluppato dal Team di Trasformazione Digitale guidati da Agid. Il tema è utilizzato nei siti della Pubblica Amministrazione italiana come Comuni, Scuole o Aziende Ospedaliere.

Il 31 gennaio 2012 è uscito Bootstrap 2. Questa versione aggiunge un layout a griglia a dodici colonne e componenti reattivi e molti componenti sono stati modificati. Bootstrap 3 è uscito il 19 agosto 2013. Ha iniziato a dare la priorità ai dispositivi mobili come criterio e ha iniziato a utilizzare il design piatto.

Il 23 aprile 2015, Mark Otto ha annunciato che Bootstrap 4 è in fase di sviluppo. La prima versione alpha di Bootstrap 4 è stata distribuita il 19 agosto 2015.

Bootstrap 5 è stato rilasciato il 21 maggio 2021.

Caratteristiche

Bootstrap è compatibile con le ultime versioni di tutti i principali browser.

Dalla versione 2.0 supporta anche il responsive web design. Ciò significa che il layout delle pagine web si regola dinamicamente, tenendo conto delle caratteristiche del dispositivo utilizzato, sia esso desktop, tablet o telefono cellulare. A partire dalla versione 3.0, Bootstrap ha adottato il responsive design come impostazione predefinita, sottolineando il suo essere nata come libreria multidispositivo e multipiattaforma.

I membri della comunità hanno tradotto la documentazione del software di Bootstrap in varie lingue (tra cui cinese, spagnolo e russo). La qualità della documentazione e degli esempi d'uso pratico è considerato uno dei punti di forza di Bootstrap.

La versione 4.0, pubblicata il 18 gennaio 2018 e attualmente la più recente in forma stabile, prevede varie novità rispetto alla precedente major release e risulta più leggera dal punto di vista del codice, tra le quali alcune delle più rilevanti sono:

Cessato supporto di browser obsoleti, come Internet Explorer 8 e 9 e quelli integrati nei primi iPhone

Adozione di SASS invece di LESS e di Reboot.css invece di Normalize.css per la gestione organica e dinamica dei CSS

Tutti i plugin JavaScript sono stati resi compatibili con ES6 e risultano più veloci e leggeri

Sostituzione dell'oggetto Panel con Cards, che risultano più flessibili e potenti ma richiedono ovviamente la riscrittura di codici nati per Bootstrap 3

Eliminazione dei Glyphicons integrati e agevolazione per l'uso di font esterni, come per esempio Font Awesome.

Naturalmente la versione 4 di Bootstrap prevede molte altre funzionalità e modifiche, documentate sul sito del progetto stesso.

Di seguito i Colori Bootstrap predefiniti rispetto ai colori Web anonimi. In HTML, CSS, SVG e Canvas non si possono tradurre i colori, vanno mantenuti in lingua inglese. Ad esempio non si può scrivere color: rosso ma si deve scrivere color: red