Question

我正在使用引导程序4。我在上方有一个页脚容器和一个与我们联系的容器。该网站可以在Firefox浏览器中完美呈现，但是当我在Chrome浏览器中尝试该网站时，在XS屏幕尺寸下，页脚和“与我们联系”的容器就会重叠。

知道为什么会这样吗？

谢谢。

<!-- Footer -->
<section id="footer">
<div class="container-fluid">
    <div class="row align-items-center">
        <div class="col-lg-6 text-center p-4">
            <div class="copyright">
                &copy; Copyright <strong>Arcane Defense</strong>.<br>All 
Rights Reserved. <br> Website designed by InnoDesigns.
            </div>
        </div>
        <!-- Footer Links -->
        <div class="col-lg-6">
            <nav class="text-center">
                <a href="#intro">Home</a>
                <a href="#about-us">About</a>
                <a href="#training">Academy</a>
                <a href="#products">Products</a>
            </nav>
        </div>
    </div>
</div>
</section>
<!-- End Footer -->

页脚溢出到上方的容器中

0 个答案: