@@include("./partials/title-meta.html", {"title": "Metrica"}) @@include('./partials/head-css.html') @@include('./partials/left-sidebar-tab.html') @@include('./partials/topbar.html')
  1. Metrica
  2. UI Kit
  3. Images

Images

Responsive images

Images in Bootstrap are made responsive with .img-fluid. max-width: 100%; and height: auto; are applied to the image so that it scales with the parent element.

Image thumbnails

You can use .img-thumbnail to give an image a rounded.

Kathryn Money

UI & UX Designer, Japan

Image rounded

You can use .rounded to give an image a rounded.

Anthony Stover

UI & UX Designer, USA

Image circle

You can use .rounded-circle to give an image a circle.

Catherine Orman

UI & UX Designer, India

Aligning images

You can use .float-end and .float-start to give an image position.

Aligning images

You can use .d-block .mx-auto image center.

@@include('./partials/right-sidebar.html') @@include('./partials/footer.html')
@@include('./partials/vendorjs.html')