Applicare effetti alle immagini con Bootstrap
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 arrodondati
- img-circle: inserisce l'immagine all'interno di un cerchio
- img-thumbnail: applica un effetto con bordo all'immagine
Le classi sono applicati ad un'immagine nell'ordine riportato nell'esempio che segue:
Per approfondimenti:
#117 - Immagini responsive in HTML5 con Bootstrap
https://www.html5italia.com/script/117/Immagini-Responsive-HTML5-Bootstrap.aspx
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Paginare i risultati con QuickGrid in Blazor
Conoscere il rendering Server o WebAssembly a runtime in Blazor
Gestione dei nomi con le regole @layer in CSS
Generare una User Delegation SAS in .NET per Azure Blob Storage
Sfruttare gli embedding e la ricerca vettoriale con Azure SQL Database
Combinare Container Queries e Media Queries
Creare una libreria CSS universale - Rotazione degli elementi
Selettore CSS :has() e i suoi casi d'uso avanzati
Estrarre dati randomici da una lista di oggetti in C#
Ottenere un token di accesso per una GitHub App
Creare una libreria CSS universale: Nav menu
Utilizzare Azure Cosmos DB con i vettori
