Quantcast
Channel: Active questions tagged flexbox - Stack Overflow
Viewing all articles
Browse latest Browse all 1314

Bootstrap Image does not respect parent flex size

$
0
0

I am trying to crate using bootstrap 5 image and text inside another image. When I resize the image is not contained inside parent . It is same issue as in LinkPlease see code below:

<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"><title>Untitled</title><link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"></head><body><div class="container-fluid d-flex justify-content-start align-items-center" style="position: relative;><img class="img-fluid" src="assets/img/div.comp-ContentImageSlideshow__imageSlide.png"><div style="position: absolute;"><div class="row" style="position: relative;"><div class="col"><img class="img-fluid" src="assets/img/vr3.png"></div></div><div class="row"><div class="col"><h1>Heading</h1></div></div></div></div><script src="assets/bootstrap/js/bootstrap.min.js"></script></body></html>

Viewing all articles
Browse latest Browse all 1314

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>