Responsiivinen kuva

Responsiiviset kuvat ovat olennaisia. Bootstrapin img-fluid-luokka tekee siitä helppoa. Lisää se mihin tahansa <img>-elementtiin, jolloin kuva mukautuu näkymän kokoon ja varmistaa täydellisen skaalaamisen sekä yhtenäisen ulkoasun kaikilla laitteilla ja näytön ko'oilla.

Kuvien esikatselut

Esikatselukuvat tuovat viimeistellyn ja tyylikkään ilmeen verkkosivullesi. Bootstrapin img-thumbnail-luokka lisää pyöristetyt kulmat ja hienovaraiset reunukset, mikä takaa siistin ja yhtenäisen ulkoasun.

Kuvien muodot

Miksi tyytyä tavallisiin suorakulmaisiin kuviin, kun voit lisätä persoonallisuutta? Bootstrap tarjoaa luokkia kuvien muotoiluun, kuten:

• rounded: Pehmeät reunat pyöristetyillä kulmilla;
• rounded-circle: Täydellisen pyöreät kuvat;
• rounded-pill: Tyylikkäät ja modernit kapselinmuotoiset kuvat.