bootstrap image size
<div class="w-25 p-3" style="background-color: #eee;">Width 25%</div>
<div class="w-50 p-3" style="background-color: #eee;">Width 50%</div>
<div class="w-75 p-3" style="background-color: #eee;">Width 75%</div>
<div class="w-100 p-3" style="background-color: #eee;">Width 100%</div>bootstrap Figures
Anytime you need to display a piece of content—like an image with an optional
caption, consider using a <figure>.
Use the included .figure , .figure-img and .figure-caption classes to provide
some baseline styles for the HTML5 <figure> and <figcaption> elements.
Images in figures have no explicit size, so be sure to add
the .img-fluid class to your <img> to make it responsive.
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>bootstrap image size
.food1 img {
width:100%;
height: 230px;
}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
