-2

好的,事情是这样的:我最近为一位客户 (bradsdesigns.com) 完成了他自己设计的网站。他希望他的导航栏与他的徽标相匹配,而在桌面上,它可以做到这一点。(顺便说一句,他主要希望客户从计算机上查看它;他说他不在乎移动优化)无论如何我使用引导程序(免费)使其具有响应性,并对其进行了修改以使其看起来像他想要的那样。在这里。在电脑上看起来不错。但是,当我在手机上查看它时,问题就出现了。你看,我不得不使用垂直条。我欺骗它以为它是导航栏上的另一个链接。这就是我的意思:li>| (第一个 < 让它显示在这里)...现在,在移动设备上折叠的导航栏,当您单击展开按钮时,它会显示如下:第二张图片. 无论如何我可以让它不这样做吗?他说他不在乎它看起来像这样,但它不适合我。就像其他人会看到一样,并认为我不是很好。任何帮助将非常感激。

4

1 回答 1

0

您可以删除.navbar-nav {margin-left: 100px;}(例如,将其更改为.navbar-nav {margin-left: initial;})并.nav>li {display: inline-block;}在移动版本上进行设置。

于 2015-11-21T23:53:07.113 回答