responsive image in bootstrap
<img src="..." class="img-responsive">
responsive image in bootstrap
<img src="..." class="img-responsive">
image responsive bootstrap 4
<img class="img-fluid" src="" alt=""> //This will make your image responsive
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>
bootstrap img thumbnail
<img src="..." alt="..." class="img-thumbnail">
bootstrap image size
.food1 img {
width:100%;
height: 230px;
}
how to stretch image in size using bootstrap
you have to set the width of image to 100%, for that you can use Bootstrap class "w-100". keep in mind that "container-fluid" and "col-12" class sets left and right padding to 15px and "row" class sets left and right margin to "-15px" by default. make sure to set them to 0.
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us