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
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Creare gruppi di client per Event Grid MQTT
Creare un'applicazione React e configurare Tailwind CSS
Implementare l'infinite scroll con QuickGrid in Blazor Server
Creare un webhook in Azure DevOps
Estrarre dati randomici da una lista di oggetti in C#
Utilizzare la versione generica di EntityTypeConfiguration in Entity Framework Core
Triggerare una pipeline su un altro repository di Azure DevOps
Referenziare un @layer più alto in CSS
Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
Esportare ed analizzare le issue di GitHub con la CLI e GraphQL
Gestione degli stili CSS con le regole @layer
I più letti di oggi
- Effettuare il log delle chiamate a function di GPT in ASP.NET Web API
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Utilizzare il metodo CountBy di LINQ per semplificare raggruppamenti e i conteggi
- Creare una libreria CSS universale: Cards
- Eseguire script pre e post esecuzione di un workflow di GitHub
