18910140161

HTML-模式引导响应-堆栈溢出

顺晟科技

2022-10-18 12:41:07

167

我试着让我的模型响应网格行和列,但当屏幕变小时,模型没有响应,我的个人资料图像变大了

我的模态代码

<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel"></h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="container px-5 py-3">
                    <h1>Deskripsi</h1>
                    <p>Lorem ipsum </p>
                    <h3 class="pt-4">Kontak</h3>
                    <div class="row pt-3">
                        <div class="col-lg-4 d-flex justify-content-center rounded-circle ">
                            <img src="img/bilget.jpg" class="" style="width: 100%;" alt="">
                        </div>
                        <div class="col-lg-8">
                            <h5 class="ketua"></h5>
                            <h3 class="kontak"></h3>
                            <a class="btn btn-outline-success">Kontak</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

结果

before resizing

after


顺晟科技:

您可以使用";IMG-Fluid";在响应图像的图像标记中初始化。

<img src="img/bilget.jpg" class="img-fluid" alt="">
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航