Ricerca per argomento: Boostrap

Marco De Sanctis
,

Bootstrap rende molto semplice il rendering di una breadcrumb per il nostro sito. E' infatti sufficiente utilizzare il seguente markup: Home Articoli Breadcrumb con Bootstrap Il separatore utilizzato per default è "/", ma possiamo personalizzarlo tramite CSS:.breadcrumb > ...

Daniele Bochicchio
,

Tra le tante funzionalità offerte da Bootstrap, ce n'è una che consente di creare progress bar. E' sufficiente un markup come questo: 100% completato E' possibile comunque avere pezzi differenti di una progress bar, per segnalare in maniera migliore delle percentuali. Ad ...

Daniele Bochicchio
,

L'uso delle glyph consete di aggiungere facilmente immagini vettoriali alle applicazioni, agendo su colori e dimensioni senza necessità di creare nuovamente gli asset.Se si opta per una library come FontAwesome, sono già inclusi una serie di effetti da applicare, mentre per i ...

Stefano Mostarda
,

Quando suddividiamo la pagina in sezioni, spesso l'intestazione di ogni sezione è inserita in un tag h1. Per poter stilizzare al meglio questo tag Bootstrap fornisce degli stili già pronti per l'uso. Il primo passo per creare l'intestazione della sezione consiste nel creare un ...

Daniele Bochicchio
,

Boostrap introduce una serie di stili che possono essere applicati a qualsiasi tag (button, input, a o perfino uno span), per applicare effetti che ricordano un pulsante. In generale, è consigliabile utilizzare button, per avere una maggiore compatibilità cross-browser:Salva ...

Stefano Mostarda
,

Molto spesso le pagine web devono mostrare molti dati e metterli tutti insieme può risultare in una scarsa leggibilità della pagina. In questi casi una delle tecniche più ricorrenti per organizzare i dati è quella di usare i tab. Bootstrap ci permette di creare una struttura a ...

Daniele Bochicchio
,

Bootstrap prevede una serie di classi specifiche per inserire messaggi di alert all'interno delle pagine, che si basano sulla classe alert, a cui poi vanno aggiunti gli stili specifici:[ul]alert-success: per indicare che l'alert è di conferma alert-info: per aggiungere un alert ...

Stefano Mostarda
,

Spesso capita di dover mostrare un testo con accanto un numero. Un tipico caso in cui questa funzionalità torna utile quando si vuole mostrare all'utente ilnumero di messaggi ricevuti, o di notifiche pending, o di email in coda o altro ancora. Questi indicatori vengono definiti ...

Daniele Bochicchio
,

Boostrap, tra le altre cose, include un sistema di layout basato su griglie, all'interno del quale vengono ipoteticamente suddivise 12 colonne, responsive e in grado di supportare differenti tipi di risoluzione.Il supporto è previsto per differenti tipi di layout, in particolare...