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

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

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

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

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

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

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

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

Grazie alla sempre più ampia diffusione di internet e alla disponibilità di banda, consumare contenuti multimediali è, ormai, all'ordine del giorno. Oggi questa operazione è possibile solo attraverso plug-in, come Adobe Flash o Microsoft Silverlight, che sono in grado di ...