Spesso capita di dover mostrare un testo con accanto un numero. Un tipico caso in cui questa funzionalità torna utile quando si vuole mostrare all'utente ilnumero di messaggi ricevuti, o di notifiche pending, o di email in coda o altro ancora. Questi indicatori vengono definiti ...

Bootstrap prevede una serie di classi specifiche per inserire messaggi di alert all'interno delle pagine, che si basano sulla classe alert, a cui poi vanno aggiunti gli stili specifici: alert-success: per indicare che l'alert è di confermaalert-info: per aggiungere un alert ...

Molto spesso le pagine web devono mostrare molti dati e metterli tutti insieme può risultare in una scarsa leggibilità della pagina. In questi casi una delle tecniche più ricorrenti per organizzare i dati è quella di usare i tab. Bootstrap ci permette di creare una struttura a ...

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

Quando suddividiamo la pagina in sezioni, spesso l'intestazione di ogni sezione è inserita in un tag h1. Per poter stilizzare al meglio questo tag Bootstrap fornisce degli stili già pronti per l'uso. Il primo passo per creare l'intestazione della sezione consiste nel creare un ...

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

...