@extends('layouts.master') @section('title')Unikit @endsection @section('css') @endsection @section('body-start') @endsection @section('content') @section('breadcrumb') @component('components.breadcrumb') @slot('li_1') UI Kit @endslot @slot('title') Images @endslot @endcomponent @endsection

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.

@endsection @section('script') @endsection @section('body-end') @endsection