### Images

Documentation and examples for opting images into responsive behavior (so they never become larger than their parent elements) and add lightweight styles to them—all via classes.

Images on Bootstrap

##### Responsive images

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

    <img class="img-fluid rounded" src="../../../assets/img/generic/9.jpg" alt="" />

##### Image thumbnails

In addition to our border-radius utilities, you can use `.img-thumbnail` to give an image a rounded 1px border appearance.

    <img class="img-thumbnail" src="../../../assets/img/team/6.jpg" alt="" />

##### Aligning images

Align images with the helper float classes or text alignment classes. `block`-level images can be centered using the `.mx-auto` margin utility class.

    <img class="rounded-1 float-start w-25 mt-3" src="../../../assets/img/team/24.jpg" alt="" />
    <img class="rounded-1 float-end w-25 mt-3" src="../../../assets/img/team/25.jpg" alt="" />

#### Register

Please create your free Falcon account

Name
Email address
Password
Confirm Password
I accept the terms and privacy policy

or register with
google
facebook

##### Settings

Set your own customized style

##### Color Scheme

Choose the perfect color mode for your app.

##### RTL Mode

Switch your language direction

RTL Documentation

##### Fluid Layout

Toggle container layout system

Fluid Documentation

##### Navigation Position

Select a suitable navigation system for your web application

##### Vertical Navbar Style

Switch between styles for your vertical navbar

See Documentation

##### Like What You See?

Get Falcon now and create beautiful dashboards with hundreds of widgets.

Purchase
customize