La versione 4 di Bootstrap permette di avere dei contenuti che possono essere resi visibili o invisibili con un'animazione utilizzando solamente codice HTML (senza quindi dover scrivere codice JavaScript). Per prima cosa, dobbiamo crere un div e assegnargli la classe css collapse...

Nello script #123 abbiamo visto come sfruttare Bootstrap per mostrare un tooltip. In questo script espandiamo l'idea parlando di come mostrare un vero e proprio popup accanto a un elemento. Bootstrap rende facile questo compito treamite il controllo popover. Questo controllo ci ...

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...

Nello script #129 abbiamo visto come poter gestire i layout con il grid system di Bootstrap.In questo scenario, vedremo come gestire l'offset delle colonne, per organizzare al meglio il layout delle nostre pagine.Per spostare una colonna a destra, ad esempio per riempire lo ...

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 ...

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: alert-success: per indicare che l'alert è di confermaalert-info: per aggiungere un alert ...

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 ...

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

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 ...

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 ...