我的网站有一个很长的导航栏，可以在计算机浏览器上完美显示。但是，当我在平板电脑或较小的浏览器上加载网站时，导航栏变成两行。
像这样:
现在我的问题是，是否可以缩小导航栏或缩小文本以便导航栏按应有的方式显示？像这样: http://puu.sh/90e1O.png
我试过尝试使用视口(viewport)，但这对我帮助不大:/这是实时预览: http://website.craftshark.net/mcprofile/
您可以通过检查员模式获取代码。我在这里确实有 Nav 的要点，但它可能不完整:https://gist.github.com/matthijs110/b7c554f0abd4c38fa3c4
有人知道我该如何解决这个问题吗？
最佳答案
试试这个，它应该可以工作 http://www.bootply.com/mjEnd2pAem
我不建议在第 44-46 行使用它:
<ul class="domain">
<li><h4 id="domain" title="<?php echo $lang['NAV_IP-TOOLIP'] ?>">play.domain.com</h4></li>
</ul>
因为您将 url 包装在您的自定义类中，并且 Bootstrap 菜单的 css 不会影响这部分。你最好把它放在 a 中并将你的自定义类添加到 a 而不是 ul
编辑: 实际上，如果分辨率小于 993px，它会分成 2 行。让我看看是否可以为您找到其他解决方案
关于html - Bootstrap : Responsive navigation bar that fits in every browser，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23853181/