如何从中心的navbar-nav反转设置Bootstrap菜单项？

大家好，感谢您阅读本文。我有一个默认的引导程序导航栏，即时通讯使用，我想要的项目是居中，我尝试了以下方法不以某种方式工作（但似乎为别人工作），所以我必须做错了什么。 选项1：nav.nav-center{margin:0;float:none} .navbar-inner{ text-align:center}选项2：.navbar.center .navbar-inner{text-align: center}.navbar.center .navbar-inner .nav{display:inline-block;float:none}选项3：.navbar.center .navbar-inner{text-align: center}.navbar-nav {width:100%;text-align:center; > li {float: none;display: inline-block}所以没有上述的工作。我不明白为什么。 Here is the fiddle预先感谢您！亲切的问候如何从中心的navbar-nav反转设置Bootstrap菜单项？

来源

2016-11-11 luc debevere

你的这一个

.navbar-collapse li a { text-align: center; }

这不是一个很好的做法，使这种特定的CSS规则，但是这一次对我的作品。

来源

2016-11-11 10:30:54

对不起，我想要的不是集中他们当菜单折叠，但是当它没有崩溃。但我不讨厌它在它崩溃的时候把它集中，所以谢谢你，我必须说:)我不明白的东西，当我在小提琴中它做的时候，它在实际网站上做的时候相同）它没有，我认为这是以前尝试解决方案的原因都没有奏效。在你看来，更好的实践将会如何？实现这一目标的最好方法是什么？感谢您的快速回答！ –

我还没有找到为什么它不适应变化时，我把上面的答案放入CSS。在小提琴它的工作，而不是在实际的网站，所以必须有一些css干扰引导一个，但我看，并没有任何其他的CSS文件，实现或使用**。navbar-collapse **或任何导航属性... im有点无知在哪里寻找解决这个问题...亲切的问候 –

而在检查元素即时看到navbar **。少**，这是从哪里来的，我读了这个：http：// lesscss.org/，但我不知道它来自哪里，基本上我知道必须改变什么，但是当我改变它时它不起作用，所以要么改变它在错误的地方，要么有别的东西...任何帮助将不胜感激！ –

所以我发现它没有改变任何东西的原因，因为即时通讯使用navbar-inverse，而不是默认的我不得不指定，但文本对齐：中心不工作，我只能让它工作，将margin-left设置为X％，以使其居中，而imo不是最好的解决方案，但至少是暂时的。我仍然愿意帮助！亲切的问候

来源

2016-11-13 12:02:20

如何从中心的navbar-nav反转设置Bootstrap菜单项？

回答

相关问题