Question

我的网站www.eefjerotterdam.nl/nieuw上的bootstrap导航栏有问题。

当我将浏览器调整为移动宽度时，导航栏会在桌面上折叠。但是当我在移动浏览器中加载它时，由于某种原因它似乎不起作用。它确实崩溃了，但是它保持了宽阔的宽度。我已经尝试过像viewport meta等类似问题的答案。

页面的其余部分确实调整了大小，它只是导航栏上保持疯狂宽度的导航栏。 See screenshot

欢迎任何帮助！

Answer 1

你有1380px猫头鹰旋转木马。这导致了巨大的页面宽度。使其响应，以便解决问题。

<div class="owl-wrapper" style="width: 1380px; left: 0px; display: block;">
...
</div>

在custom.js文件中更改此部分

$('.intro-slider').owlCarousel({
        paginationSpeed: 600,
        pagination: false,
        navigation: false,
        singleItem: true,
        slideSpeed: 600,
        autoPlay: 3000
    });

你可以在那里找到猫头鹰旋转木马的响应配置： https://owlcarousel2.github.io/OwlCarousel2/demos/responsive.html

navbar bootstrap不会崩溃移动

1 个答案: