引导：响应导航栏，适合在每一个浏览器

我的网站有一个相当长的导航栏，完美显示在电脑上的浏览器。但是，当我在平板电脑或较小的浏览器上加载网站时，导航栏会变成2行。引导：响应导航栏，适合在每一个浏览器

像这样：

现在我的问题是，是否有可能使导航栏更小或文本，以便导航栏显示，因为它应该？就像这样： http://puu.sh/90e1O.png

我试着打了一下与视口，但这并没有帮助我很多：/这是一个实时预览： http://website.craftshark.net/mcprofile/

您可以通过获取代码检查员模式。我这里有寿资产净值的要点，但它可能是不完整的：https://gist.github.com/matthijs110/b7c554f0abd4c38fa3c4

是否有人知道我怎么能解决这个问题？

2014-05-25 Matt

我认为问题在于您使用自定义padding-left为div与id =域，并且您通过html标记换行link play.domain.com。 Bootstrap使用像这样的css选择器。有没有地方<h4>.尝试使用引导的导航栏，因为它是没有定制缺口（补白，边距），一切都会做工精细。

2014-05-25 08:29:28 user3127896

我必须使用填充，否则它显示的语言按钮下方。甚至当我删除域部分，它仍然显示，因为它显示了较小的浏览器 – Matt

看看一个是引导使用在他的网站的顶部导航栏 - http://getbootstrap.com/。他具有与你的导航栏相同的结构。也许你只是复制他的代码，并用你的conent替换？ – user3127896

我试过了，但是当我添加自己的内容时，它又遇到了同样的问题。我认为它只是有太多的按钮，但我已经看到了导航栏变小或字体的地方。这可能吗？ – Matt

我不推荐使用此行从44-46：

<ul class="domain"> 
    <li><h4 id="domain" title="<?php echo $lang['NAV_IP-TOOLIP'] ?>">play.domain.com</h4></li> 
</ul>

因为你与你的自定义类和自举菜单的包裹网址CSS不会影响这部分。你最好把它放在a并添加自定义类的a而不是ul

编辑：其实，把它分成2行，如果分辨率小于993px较小。让我看看，如果我能找到你另一种解决方案

2014-05-25 09:14:50

我能想到的是用2导航菜单的唯一的事情。一个小的语言和URL，同时你可以使用它作为登录菜单。你可能需要那个地方吗？ –

回答