html - Bootstrap 折叠菜单有 2 行

Question

我正在 build 这个网站 torgoborudovanie.com

我有一个用 bootstrap 构建的折叠导航栏。但是当我尝试调整窗口大小时，我得到这样的东西:

如您所见(您可以实际尝试一下)导航栏现在有 2 条线并且看起来有线(实际问题是它在 Iphone 和 Ipad 上看起来像这样)然后您可以稍微调整它的大小并它会按我的意愿折叠。

在开发者工具中简单查看html代码即可看到代码。 所以我不会在这里发布它来使 qustion 干净和小。但是如果你想要我也可以在这里发布代码=)

Answer 1

我最终得到了这个(公平的解决方法很糟糕) 在页面加载时，如果 window.width 小于 1200px，我将隐藏长文本。

function hideSlogan() {
    if($(window).width() <1200) {$('.slogan').hide()} 
};
hideSlogan();