html - 包装时如何在 Bootstrap 3 中将导航列表居中

Question

我无法发布图像，但我在网站上有一个导航菜单，我正在编码。我试图粉碎移动网站，但当我这样做时，li 菜单会掉落。但是我希望它居中。

这是我目前的代码

@media (min-width:768px){


}


<ul class="nav nav-tabs nav-menu img-centered">
     <li class="nav-link-green"><a href="#">Home</a></li>
     <li class="nav-link-yellow"><a href="#">About Us</a></li>
     <li class="nav-link-red"><a href="#">Parents & Carers</a></li>
     <li class="nav-link-blue"><a href="youngpeople.aspx">Young People</a></li>
     <li class="nav-link-purple"><a href="#">News & Updates</a></li>
     <li class="nav-link-green"><a href="#">Contact Us</a></li>
     <li class="nav-link-blue dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" role="button" href="#">Publications <span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="#">Safeguarding Library</a></li>
                    <li class="nav-divider"></li>
                    <li><a href="#">Learning Zone</a></li>
                    <li class="nav-divider"></li>
                    <li><a href="#">TSCB Publications</a></li>
                </ul>
            </li>
        </ul>

我希望这是有道理的。如果您还需要什么，请告诉我。这是我的第一篇文章

Answer 1

您是否尝试过在您的导航中使用 .collapse 类？ 喜欢这里:http://getbootstrap.com/components/#navbar