Answers for "bootstrap img-fluid"

CSS
2

bootstrap class align center image

class="mx-auto d-block"
Posted by: Guest on May-01-2020
1

responsive image in bootstrap

<img src="..." class="img-responsive">
Posted by: Guest on May-29-2021
-1

img-fluid bootstrap

<img class="img-fluid" src="" alt=""> //This will make your image responsive
Posted by: Guest on June-28-2020
1

bootstrap 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 src="..." class="rounded float-left" alt="...">
<img src="..." class="rounded float-right" alt="...">
<img src="..." class="rounded mx-auto d-block" alt="...">
Posted by: Guest on October-23-2020
-1

image container bootstrap

<!-- FULL-WIDTH IMAGE --> 
<div class="container-fluid">
  <div class="row">
    <div class="col-12 px-0">
      <img class="img-fluid" src="your-image">
    </div>
  </div>  
</div>

<!-- 12 COLUMN IMAGE --> 
<div class="container-fluid">
  <div class="row">
    <div class="col-12">
      <img class="img-fluid" src="your-image">
    </div>
  </div>  
</div>
Posted by: Guest on September-04-2021
1

bootstrap img thumbnail

<img src="..." alt="..." class="img-thumbnail">
Posted by: Guest on June-05-2020

Browse Popular Code Answers by Language