Bootstrap contiene gli stili per creare bottoni con una freccia sulla destra. Al click della freccia viene mostrata una lista di link che possiamo personalizzare secondo le nostre esigenze. Questo comportamento visuale è del tutto assimilabile a quello di una classica dropdown, ...

Quando dobbiamo mostrare un messaggio di aiuto all'utente, il tooltip di default offerto dal browser è comodo, ma non è di certo la soluzione più elegante. Negli anni sono stati creati diversi plugin per creare tooltip più o meno eleganti, ma al momento Bootstrap ne offre uno dei...

Costruendo siti con design responsive, sappiamo che una delle cose più difficili da realizzare è legato alla dimensione delle immagini.Bootstrap ci viene in aiuto utilizzando una classe chiamata img-responsive, che applicherà max-width:100% e height:auto all'immagine, ...

Una delle funzioni più comuni in un sito è la validazione dei valori inseriti dall'utente e la segnalazione di eventuali errori. Bootstrap semplifica anche questo compito offrendo classi CSS che gestiscono i casi in cui il campo sia valido, contenga errori o contenga dei warning....

Nello script #117 abbiamo visto come Bootstrap ci venga in aiuto quando abbiamo immagini e vogliamo avere un layour responsive.In realtà esistono 3 classi helper che modificano la forma delle immagini: img-rounded: aggiunge i bordi arrodondatiimg-circle: inserisce l'immagine all'...

Spesso capita di dover mostrare all'utente una ProgressBar con lo stato di avanzamento di un'operazione. Un tipico esempio è quando dobbiamo mostrare lo stato di avanzamento di un wizard o dell'upload di un file.Con Bootstrap possiamo crere una ProgressBar creando un tag e ...

Boostrap include un set di direttive CSS già pronte per poter implementare una paginazione.Si parte con il classico menu avanti/indietro, che può essere implementato con questo markup: Indietro Avanti Le classi previous e next ci aiutano ad allineare a de...

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