Bootstrap: cos’è e perché usarlo

Tramite: O2O 21/05/2019
Difficoltà:media
17

Introduzione

Bootstrap nasce nell'anno 2010 per opera degli sviluppatori Mark Otto e Jacob Thornton. Inizialmente si presentava come un progetto interno a Twitter, ma successivamente è diventato indipendente ed è perciò utilizzabile dagli sviluppatori di tutto il mondo come base per la realizzazione di interfacce web. Al momento è considerato il più efficiente ed il più utilizzato framework per rendere i siti web responsive. In questa guida vogliamo dunque illustrarvi cos'è Bootstrap e come imparare ad usare questo strumento così utile.

27

La raccolta di strumenti grafici

Cos'è in sintesi Bootstrap? La sua definizione esatta è "HTML, CSS, and JS toolkit from Twitter", ovvero una raccolta di strumenti grafici, stilistici e di impaginazione che permettono di avere a disposizione una gran quantità di funzionalità e di stili modificabili e adattabili a seconda delle nostre esigenze. Il suo utilizzo risulta molto versatile, in quanto è compatibile con tutte le ultime versioni dei principali browser. La sua principale funzione è il responsive web design, ed è in grado di adattarsi dinamicamente a seconda della grandezza e delle caratteristiche del dispositivo utilizzato. Questa raccolta di strumentazione di tipo grafico si pone, perciò, come una libreria multidispositivo e mltipiattaforma.

37

La creazione di nuovi siti

Veniamo ora alla soddisfazione del secondo quesito che ci siamo posti in questa nostra guida, ovvero perché è necessario utilizzare Bootstrap. Possiamo dunque dire che conviene usare questo strumento quando si vuole creare un nuovi sito web senza voler scrivere tutto dall'inizio. Bootstrap infatti, come un qualsiasi altro framework, permette a chi lo usa di sviluppare un sofisticato progetto in modo decisamente più pratico e rapido. Tuttavia, non deve mai rappresentare la soluzione definitiva per ogni problematica legata al web design, in quanto il ricorso a questo strumento deve essere valutata caso per caso e soprattutto in relazione alle specifiche esigenze di sviluppo del progetto che si intende portare a termine.

Continua la lettura
47

I componenti principali

I componenti principali di Bootstrap sono il Grid System, ovvero un insieme di fogli che considerano il contenitore generale disposto su una griglia con una larghezza base di 960 px, nella quale distribuire i contenuti in varie righe e colonne che definiranno il layout, ovvero la struttura base del nostro template. Poi CSS Base, lo strumento che contiene una serie di stili predefiniti riguardanti tutta la parte tipografica, ovvero la parte riguardante i titoli (H1, H2, ecc) e la gestione di tabelle, paragrafi, form e anche pulsanti per richiamare stili e icone pronti all'uso. Poi vi sono gli altri componenti javascript, ovvero elementi quali menù dropdown, interfacce a tab, tooltip, alert, menù adaccordion, slider, banner di navigazione, Infine, ecco PopOver, che ci aiuta nell'implementazione degli elementi dinamici della pagina senza la necessità di scrivere codice Javascript grazie alla presenza dei data-attributes, che vengono interpretati da Bootstrap senza nessun intervento da parte nostra.

57

Le soluzioni di web design

Quando utilizzare Bootstrap? Possiamo rispondete a questa domanda prendendo esempio dalla definizione di "boot" che in informatica indica la fase che precede il caricamento del sistema operativo, ovvero quell'insieme di processi che vengono eseguiti da un computer durante la fase di avvio, dalla sua accensione, alla diagnosi, fino al completo caricamento del SO. Sarà il caso, perciò come detto, di ricorrere a Bootstrap quando vorremo procedere alla creazione di un nuovo sito web, partendo da una solida base, senza però essere considerato la soluzione definitiva in fatto di web design.

67

Guarda il video

77

Consigli

Non dimenticare mai:
  • Utilizzate le funzioni di Bootstrap se desiderate costruire l'ossatura base di un nuovo sito web
Alcuni link che potrebbero esserti utili:

Potrebbe interessarti anche

Naviga con la tastiera

Segnala contenuti non appropriati

Tipo di contenuto
Devi scegliere almeno una delle opzioni
Descrivi il problema
Devi inserire una descrizione del problema
Si è verificato un errore nel sistema. Riprova più tardi.
Segnala il video che ritieni inappropriato
Devi selezionare il video che desideri segnalare
Verifica la tua identità
Devi verificare la tua identità
chiudi
Grazie per averci aiutato a migliorare la qualità dei nostri contenuti

Guide simili

Programmazione

Machine learning: cos’è e come funziona

Oggi grazie al machine learning chiamato anche apprendimento automatico, è possibile con l'uso di algoritmi specifici diversi dalla classica programmazione, insegnare al computer stesso a svolgere determinate azioni e ad apprendere in maniera automatica...
Programmazione

Machine learning: cos'è e a cosa serve

In questa guida, passo dopo passo, illustrerò il machine learning, specificando sia cos'è e a cosa serve. Solitamente, quando si parla di machine learning, si intende un metodo di analisi dei dati che va ad automatizzare la costruzione di modelli analitici....
Programmazione

Che cos’è l'intelligenza artificiale e come funziona

Il concetto di intelligenza artificiale, detta anche IA, racchiude in sé tutto ciò che una macchina riesce ad imparare svolgendo tanti compiti, spesso sovrapponendosi allo stesso uomo.Le macchine in questione, che non sono altro che dei sofisticati computer,...
Programmazione

Come creare app in HTML5

Un'applicazione Web è alimentata da un browser tramite Internet e viene generalmente creata utilizzando HTML, CSS e JavaScript e può essere servita tramite un browser desktop o mobile. Un'applicazione web può essere costruita per imitare la funzionalità...
Programmazione

Come creare un banner con link

Nel web, un banner è una forma di pubblicità che consiste in una immagine a striscia, spesso posta all'inizio di una pagina web. La parola inglese "banner" significa letteralmente bandiera, vessillo o striscione. Il banner è una delle forme pubblicitarie...
Programmazione

Come iniziare a programmare in PHP

Il cosiddetto "php" (o "Hypertext Preprocessor") è un linguaggio di programmazione che ci serve per realizzare siti web mediante l'inserimento di una serie di stringhe di comando. Per i neofiti, questo tipo di linguaggio può apparire piuttosto complesso....
Programmazione

Come convertire un testo Word in HTML

Convertire un testo da file formato word a HTML, senza possedere una minima e rudimentale preparazione di base sulla scrittura informatica, sarebbe stato difficoltoso anche solamente 5 o 6 anni fa. Oggi, fortunatamente, è diventato molto più facile grazie...
Programmazione

Principali IDE per pogrammare

In questa guida verranno presentati le Principali IDE per pogrammare le loro caratteristiche salienti. Prima di tutto definiamo che cos'è un IDE: non è nient'altro che un ambiente di sviluppo integrato, ovvero un software che aiuta gli sviluppatori nella...