Answers for "fluid image in bootstrap"

0

responsive image in bootstrap

<img src="..." class="img-responsive">
Posted by: Guest on May-29-2021
-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
0

responsive svg with bootstrap

.svg-content { 
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}
Posted by: Guest on September-24-2020
0

responsive svg with bootstrap

.svg-container { 
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 100%; 
	vertical-align: middle; 
	overflow: hidden; 
}
Posted by: Guest on September-24-2020

Browse Popular Code Answers by Language