Bootstrap 导航栏引导程序不会折叠移动的

pbwdgjma 于 2022-12-07 发布在 Bootstrap

关注(0)|答案(1)|浏览(247)

我在www.example.com网站上的引导程序导航栏出现问题www.eefjerotterdam.nl/nieuw。
当我将浏览器调整为移动的宽度时，桌面上的导航栏会折叠。但当我将其加载到移动浏览器中时，由于某种原因，它似乎不工作。它确实会折叠，但它保持的宽度太宽了。我曾尝试过类似问题的答案，如视口 meta等。
页面的其余部分确实会调整大小，只是导航栏在移动的上保持了疯狂的宽度。See screenshot
任何帮助都是欢迎的！

twitter-bootstrap

来源：https://stackoverflow.com/questions/43550988/navbar-bootstrap-does-not-collapse-mobile

1条答案

按热度按时间

xsuvu9jc1#

你有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

赞(0）回复(0）举报 2022-12-07

我来回答

Bootstrap 导航栏引导程序不会折叠移动的

1条答案

相关问题

热门标签

最新问答