Question

使用Bootstrap v3.3.4，我希望导航栏以屏幕上的主要内容为中心（而不是粘在左侧），同时导航栏项目在该居中区域内显示右对齐。可以这样做吗？

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

Answer 1

对于第一个问题，只需将包含您的菜单项的div放在nav和container中。对于ul set navbar-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>

Center Bootstrap Navbar和Right-Justify Navbar项目？

1 个答案: