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
Sfruttare GPT-4o realtime su Azure Open AI per conversazioni vocali
Utilizzare l nesting nativo dei CSS
Applicare un filtro per recuperare alcune issue di GitHub
Creare una libreria CSS universale: Clip-path
.NET Conference Italia 2024
Rendere le variabili read-only in una pipeline di Azure DevOps
Ordine e importanza per @layer in CSS
Configurare lo startup di applicazioni server e client con .NET Aspire
Popolare una classe a partire dal testo, con Semantic Kernel e ASP.NET Core Web API
Managed deployment strategy in Azure DevOps
Eseguire query per recuperare il padre di un record che sfrutta il tipo HierarchyID in Entity Framework
Utilizzare il metodo Index di LINQ per scorrere una lista sapendo anche l'indice dell'elemento