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 destra e sinistra i ...

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

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

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

Nello script precedente abbiamo visto come dare stile alle tabelle. Bootstrap supporta un insieme di regole aggiuntive che consentono di marcare in maniera specifica le righe di una tabella, ad esempio per segnalare che un dato elemento è errato.Le classi che supporta sono: ...

Bootstrap mette a disposizione delle classi CSS per personalizzare le tabelle HTML. La classe principale da applicare al tag table è table. Questa classe contiene gli stili per renderizzare solo le linee orizzontali e assegnare un padding molto tra le celle. Se vogliamo ridurre...

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

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

Il posizionamento degli elementi all'interno della pagina può essere modificato per adattare un elemento alle nostre necessità.Di default il posizionamento che viene applicato è chiamato static e non applica particolari effetti: l'elemento sarà visualizzato dove è posizionato.....

Negli script #101 e #103 abbiamo analizzato le trasformazioni CSS3 relative a rotazione e scale.In questo script vedremo come applicare la traslazione, che ci consente di spostare l'origine di un elemento, date le opportune coordinate.transform { -ms-transform: translate(20px, ...