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

Quando dobbiamo scegliere un framework front-end controlliamo sempre due cose: il grid-system e la costruzione delle forms.Bootstrap 5, staccandosi dalle versioni precedenti, trova una parziale riscrittura dei forms che abbandona tutte le classi superflue (form-group, form-row, ...

In linea con la riscrittura dei forms, in Bootstrap 5.0 troviamo una completa riscrittura delle check-box. Come si può notare dal codice sottostante è stata introdotta una classe form-check che permette di impostare lo stile del controllo.

Gli amanti della documentazione avranno sicuramente notato che nella versione 4.6 di Bootstrap , tra gli esempi della sezione esperimenti si trovava l'utilizzo dello pseudo-element :placeholder-shown per creare un floating label, ossia una textbox con una label con l'effetto ...

I componenti OffCanvas, o blade in Azure, sono delle sidebar che appaiono o scompaiono a seguito di un iterazione con l'utente. Il loro funzionamento è simile ad una modale, ciò che cambia è la posizione e il contesto di utilizzo.È un componente abbastanza insolito da trovare nel...

Per ricapitolare questa serie di script che ci hanno fatto conoscere le novità riguardanti Bootstrap 5.0, facciamo un elenco di tutti i piccoli accorgimenti che dobbiamo tenere in considerazione per eseguire una corretta migrazione dalla versione precedente.La prima grande novità...

Dalla versione 4 di Bootstrap, SCSS è il pre-processore CSS di default. Con la versione 5 sono state aggiunte delle API che si basano sull'elemento maps di questo linguaggio (documentazione disponibile all'indirizzo https://sass-lang.com/documentation/values/maps).All'interno del...