Come faccio a fare un'immagine arrotondata in bootstrap 5?
Bootstrap 5, la versione più recente, fornisce molte funzionalità avanzate per progettare siti Web reattive. Le immagini sono i componenti popolari per aggiungere un fascino visivo alle applicazioni. In Bootstrap 5, diverse classi possono essere utilizzate per dare forme diverse alle immagini. Più specificamente, è possibile arrotondare il bordo desiderato dell'immagine usando le classi bootstrap specifiche come "arrotondato","arrotondata", e molti altri.
Questo articolo descriverà come realizzare l'immagine arrotondata in bootstrap 5.
Come creare un'immagine arrotondata in bootstrap 5?
Bootstrap 5 offre molte lezioni che aiutano a rendere i bordi dell'elemento. Questi sono elencati di seguito:
-
- "arrotondato": Questa classe fa l'intera immagine in giro.
- "PILL ROURMATO": Questa classe dà la forma della pillola rotonda all'elemento.
- "cerchio arrotondato": Questa immagine è arrotondata in un cerchio.
- "arrotondato": Questa classe arrotonda l'immagine dall'alto.
- "arrotondato": Questa classe arrotonda l'immagine dall'inizio.
- "arrotondata": Questa classe arrotonda l'immagine dalla fine.
- "Bottom arrotondato": Questa classe arrotonda l'immagine dal basso.
Ora, discutiamo praticamente l'effetto del bootstrap arruolato.
Esempio 1: come creare un'immagine round in bootstrap 5?
IL "cerchio arrotondato"La classe viene utilizzata per creare l'immagine a forma di cerchio. Per fare ciò, aggiungi il ""Tag e assegnagli una classe"cerchio arrotondato"Nel tuo file HTML:
Produzione
Esempio 2: come realizzare un'immagine rotonda pillola in bootstrap 5?
IL "PILL ROURMATO"La classe è specificata con l'immagine per dare una forma di pillola rotonda.
A tale scopo, implementa la classe "PILL ROURMATO"Come menzionato nel codice seguente:
Produzione
Ecco come puoi rendere le immagini rotonde in bootstrap 5.
Conclusione
Per rendere le immagini rotonde in bootstrap 5, è possibile utilizzare diverse classi. Queste classi includono il “arrotondata","arrotondato","arrotondato","Bottom arrotondato", e molti altri. In particolare, per rendere l'intera immagine una forma circolare, la "cerchio arrotondato"La classe viene utilizzata. Per renderlo una forma di pillola arrotondata, "PILL ROURMATO"La classe è utilizzata. Questo articolo ha spiegato come fare un'immagine arrotondata in bootstrap 5.