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

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

Principali IDE per pogrammare

In questa guida verranno presentati le Principali IDE per programmare 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...
Programmazione

Come programmare in ABAP

Per programmare in ABAP, bisogna prima conoscere da cosa viene e cos'è e successivamente come farlo. L'ABAP è l'acronimo di Advanced Bussines Application Programming che è un linguaggio avanzato per l'ambiente del bussines ed è utilizzato per realizzare...
Programmazione

Come programmare al meglio con Arduino

Con questa guida non pretendiamo di insegnarvi i segreti della programmazione anche perché sarebbe poco esaustivo pretendere di inserirle in queste brevi righe. Vi porteremo però in un mondo che non tutti conoscono. Un mondo che ha come protagonista...
Programmazione

Come programmare un algoritmo in Java

Come programmare un algoritmo? Ebbene, inizialmente bisogna stabilire cosa si intende con questa dicitura. Infatti, si può programmare un algoritmo tramite la sua vera e propria creazione. Oppure lo si può studiare, come previsto in specifici corsi...
Programmazione

Guida all'analisi di un database

Internet, software aziendali, pubblica amministrazione, gestioni bancarie. Al giorno d'oggi il flusso di dati da gestire all'interno di un database è molto più significativo che in passato. Di conseguenza, diventa quindi fondamentale una corretta gestione...