Bootstrap è un framework che di recente sta riscuotendo un discreto successo, perché combina all'interno una serie di funzionalità che sono molto interessanti per un progetto web. Grazie a Bootstrap, infatti, è possibile avere alcune feature che tipicamente richiedono un lavoro successivo, come il supporto al responsive design per i dispositivi mobile, quali tablet o smarphone.
Bootstrap si compone di una parte di CSS e una di JavaScript, basata su jQuery, ed è disponibile con licenza Apache License v2, da questo indirizzo: http://getbootstrap.com/
La generazione dei file CSS di Bootstrap è basata su LESS, un linguaggio pensato per produrre file CSS a partire da un linguaggio a markup, che consente di riutilizzare delle variabili e semplificare la customizzazione.
Un errore comune, quando si inizia a lavorare con Bootstrap, è quello di scaricare direttamente il file e procedere all'inclusione nel proprio progetto. In realtà, facendo in questo modo, si includono all'interno anche una serie di funzionalità che non saranno utilizzate, allungando i tempi di download e, spesso, rallentando inutilmente l'esecuzione della pagina.
Partendo da http://getbootstrap.com/customize/ è possibile personalizzare il pacchetto generato. Ad esempio, potremmo scegliere quali funzionalità includere lato CSS, personalizzare i colori e le variabili utilizzate, decidendo poi altri dettagli, quali i font, i colori della varie aree, le dimensioni dei contenitori e i plugin jQuery da includere.
Il risultato è anche indicato per poter costruire un template personalizzato, come quelli disponibili in siti che riportano template da riutilizzare, come
http://builtwithbootstrap.com/
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Testare l'invio dei messaggi con Event Hubs Data Explorer
Creare un webhook in Azure DevOps
Utilizzare l'espressione if inline in una pipeline di Azure DevOps
Sfruttare gli embedding e la ricerca vettoriale con Azure SQL Database
Gestione file Javascript in Blazor con .NET 9
Creare una libreria CSS universale: Nav menu
Configurare e gestire sidecar container in Azure App Service
Managed deployment strategy in Azure DevOps
Anonimizzare i dati sensibili nei log di Azure Front Door
Ordine e importanza per @layer in CSS
Utilizzare l nesting nativo dei CSS
Gestione dei nomi con le regole @layer in CSS
I più letti di oggi
- Ricevere un web hook con le Logic App di Azure
- Routing HTTP con i proxy delle Azure Function
- Gestione dei sottotitoli con il tag video di HTML5
- Applicare una rotazione con i CSS alle glyph di Bootstrap
- Restituire un file per il download tramite ASP.NET Web API
- Auto scale delle Azure Web App con Application Insights
- Impostare il tema light o dark utilizzando i CSS