Bootstrap Images

By using bootstrap we add images like  round cornered or circular images, or give them effect like thumbnails.

Ex.

<style type="text/css">

    .bs-example{

        margin: 20px;       

    }

    img{

        margin-right: 20px;

    }

</style>

</head>

<body>

<div class="bs-example">

    <img src="/examples/images/nkr.svg" class="rounded" alt="Rounded Image">

    <img src="/examples/images/nkr.svg" class="rounded-circle" alt="Circular Image">

    <img src="/examples/images/nkr.svg" class="img-thumbnail" alt="Thumbnail Image">

</div>

</body>

 

First show in image in round image, second in circle and third in thumbnail.

Powered  by Codersarts