Introduzione
Bootstrap è il framework di sviluppo front-end più popolare al mondo e la sua ascesa è in costante aumento. Nel corso degli anni si è tuttavia evoluto, ed oggi la versione 4 rappresenta il top di questa funzionale applicazione web. Inoltre va aggiunto che il framework in oggetto offre la possibilità di creare un sito dall'aspetto sorprendente, per le persone che hanno solo pochissime conoscenze di base del linguaggio HTML e CSS. La suddetta versione più recente del framework è stata rilasciata dopo un'attesa lunga due anni. In riferimento a ciò, ecco una guida su come installare Bootstrap 4.
Occorrente
- PC
- Sito Bootstrap
Entrare nel sito ufficiale di Bootstrap
Per un principiante che intende cimentarsi in uno sviluppo front-end del suo sito web, il framework Bootstrap 4 è dunque la migliore risorsa per ottimizzare il risultato. Per utilizzarlo per prima cosa è necessario entrare nel sito ufficiale dove si può visualizzare una documentazione apparentemente elaborata, ma semplice da eseguire. Dopo averla esaminata, è possibile iniziare subito a creare un'applicazione web con Bootstrap installandolo. Tale procedura è piuttosto facile, come descritto nei passi successivi della presente guida.
Scaricare il framework
Entrati nel sito ufficiale di Bootstrap 4 si nota subito un pulsante per scaricare il framework, ed una volta pigiato (con un semplice clic) indirizzerà alla pagina di partenza dove si può eseguire il download. Tale procedura è possibile ottimizzarla in diversi modi, ma tuttavia in questa guida citiamo quella standard che è una delle più semplici. Premesso ciò, una volta che parte il download si scarica il bundle CSS Bootstrap ed i plug-in JS che è possibile inserire poi direttamente nel progetto. Appena completato il processo si creerà una cartella zip che contiene le versioni compilate e miniate di tutti i plugin CSS e JavaScript. Premesso ciò, il passaggio successivo prevede l'estrazione di questi file in modo da usarli direttamente per il progetto che si ha in mente.
Estrarre i file dalla cartella zip
Quando si scaricano i suddetti file e si ottengono le sorgenti Sass, Javascript e altre definite di documentazione vanno a creare una cartella di file zip che per usarli come contenuto del progetto, è ovviamente necessario estrarli. Una volta completata la procedura di installazione, per rendere operativo il framework bisogna installare anche alcuni file di origine Bootstrap utilizzando i gestori di pacchetti. Quando si usano questi ultimi, è importante sottolineare che richiederanno una compilazione Sass, Autoprefixer e postcss-flexbugs-fix.