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
Usare lo spread operator con i collection initializer in C#
Utilizzare le collection expression in C#
Miglioramenti agli screen reader e al contrasto in Angular
Sfruttare i KeyedService in un'applicazione Blazor in .NET 8
Le novità di Angular: i miglioramenti alla CLI
Eseguire attività basate su eventi con Azure Container Jobs
Eseguire le GitHub Actions offline
Usare una container image come runner di GitHub Actions
Short-circuiting della Pipeline in ASP.NET Core
Utilizzare la session affinity con Azure Container Apps
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Evitare la script injection nelle GitHub Actions