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
Integrazione di Copilot in .NET Aspire
Definire il colore di una scrollbar HTML tramite CSS
Gestione delle scrollbar dinamiche in HTML e CSS
Ottimizzare gli indici con Automatic Index Compaction in Azure SQL Database
Utilizzare i command service nei test con .NET Aspire
Utilizzo di CSS Scroll Snap per realizzare un carousel
Personalizzare i parametri del CSS Scroll Snap
Utilizzare Containers in .NET Aspire
Mischiare codice server side e client side in una query LINQ con Entity Framework
Utilizzare @property per animare nativamente un oggetto HTML tramite CSS
Integrare modelli AI in un workflow di GitHub
Interagire con Azure DevOps tramite MCP Server
