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 lo streaming di una chiamata Http da Blazor
Reactive form tipizzati con FormBuilder in Angular
Eseguire una query su SQL Azure tramite un workflow di GitHub
Sfruttare al massimo i topic space di Event Grid MQTT
Utilizzare flat e flatMap per appiattire array innestati in array
Utilizzare la versione generica di EntityTypeConfiguration in Entity Framework Core
Elencare le container images installate in un cluster di Kubernetes
Assegnare un valore di default a un parametro di una lambda in C#
Eseguire attività basate su eventi con Azure Container Jobs
Recuperare un elemento inserito nella cache del browser tramite API JavaScript
Controllare gli accessi IP alle app con Azure Container Apps
Esportare ed analizzare le issue di GitHub con la CLI e GraphQL