html - 居中引导导航栏和右对齐导航栏元素？

Question

使用 Bootstrap v3.3.4，我想让我的导航栏以屏幕上的主要内容为中心(而不是粘在左边)，同时让导航栏元素在该居中区域中右对齐。这能做到吗？

这是我正在处理的页面: http://test.scoe.net/exmpl/register.html#

Answer 1

对于第一个问题，只需将包含菜单项的 div 放在 nav 和 container 中。对于 ul setnavbar-right` 类中的第二个

像这样

            <nav  class="navbar-default navbar-fixed-top navbar" role="navigation">
              <div class="container"><div class="navbar-header">
                   .........
                  <a class="navbar-brand" href="........" >YourBrand</a>
                </div>
                  <div class="collapse navbar-collapse">
                    <ul class="navbar-nav navbar-right nav">
                      <li><a href="yoursite/index">Home</a></li>
                      <li><a href="yoursitesite/about">About</a></li>
                      <li><a href="yoursitesite/contact">Contact</a></li>
                    </ul>
                  </div>
                </div>
              </nav>