navbar bootstrap不会折叠手机

Question

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

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

页面的其余部分调整大小，它只是在移动时保持疯狂的宽度的导航栏。 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