Bootstrap è un framework CSS che mette a disposizione molte classi per stilizzare gli oggetti su una pagina e per strutturare la pagina stessa. Uno dei widget che sono facilmente creabili e stilizzabili con Bootstrap è il menu. Nel prossimo snippet vediamo come creare un menu con...

Abbiamo già parlato in passato di Bootstrap e di quanto faciliti la creazione di layout.L'esempio di oggi consiste nel creare la classica form, che tipicamente in passato veniva ricreata attraverso delle tabelle, utilizzando solo stili: Nome

Bootstrap include, oltre ad una serie di direttive CSS, anche un insieme di funzionalità offerta attraverso JavaScript.In tal senso, le finestre modali rappresentano un interessante modo di convogliare informazioni senza uscire dalla pagina.Per poter creare una finestra modale ...

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