Applicare effetti alle immagini con Bootstrap

di Daniele Bochicchio, in HTML5, CSS3, Boostrap,

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

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi