好的，事情就是这样：我最近为他自己设计的客户（bradsdesigns.com）完成了一个网站。他希望他的导航栏与他的徽标相匹配，而在桌面上，它可以做到这一点。 （顺便说一句，他主要是希望客户从计算机上看它;他说他不太关心移动优化）我使用bootstrap让它响应（免费），并修改它看起来像他想要的方式它。 Here it is。它在电脑上看起来不错。但是，当我在手机上查看时，问题就出现了。你看，我不得不使用垂直条。我欺骗它认为它是导航栏上的另一个链接。这就是我的意思：li＆gt; | （首先＆lt;已经不在了这里显示）...现在，在移动设备上折叠导航栏时，当您点击展开按钮时，它会显示如下：2nd picture。无论如何我可以得到它不这样做？他说他并不关心它看起来像这样，但它对我来说并不好看。像其他人一样会看到，并认为我不是很好。任何帮助将非常感激。
答案 0 :(得分：0)
您可以删除.navbar-nav {margin-left: 100px;}（例如，将其更改为.navbar-nav {margin-left: initial;}），并在移动版本上设置.nav>li {display: inline-block;}。
