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
Short-circuiting della Pipeline in ASP.NET Core
Code scanning e advanced security con Azure DevOps
Generare un hash con SHA-3 in .NET
Gestire il colore CSS con HWB
Gestione dei nomi con le regole @layer in CSS
Recuperare l'ultima versione di una release di GitHub
Registrare servizi multipli tramite chiavi in ASP.NET Core 8
Gestione dell'annidamento delle regole dei layer in CSS
Hosting di componenti WebAssembly in un'applicazione Blazor static
Gestire la cancellazione di una richiesta in streaming da Blazor
Utilizzare un service principal per accedere a Azure Container Registry
Gestione degli stili CSS con le regole @layer