Twitter bootstrap 为引导验证导航栏元素

我正在尝试构建一个导航栏，其中的元素在页面宽度上对齐

首先，如何做到这一点

其次，这里是导航栏的代码：这是正确的吗？如果不是的话，有人能解释一下正确的构造方法吗

谢谢

乔

---

请参见文档中的信息，并举例说明可能重复的-1，因为：a您的问题似乎与的完全重复，b您的问题显示没有研究成果-您应该描述您已经尝试过的内容以及当前的障碍；否则，唯一可能的答案是背诵文档，而这不是StackOverflow的目的，c这里是代码，除非你定义了正确的问题，否则这些问题是没有意义的，也就是说，你想实现什么行为。你有没有试过简单地使用：class=navbar？

<div class="containr">
 <div id="navbar-main" class="navbar navbar-default">

   <div class="container">
    <ul class="nav navbar-nav">
     <li class="dropdown" id="foomenu"><a class="dropdown-toggle" 
       data-toggle="dropdown" href="#">Foo<b class="caret"></b></a>
     <ul class="dropdown-menu">
      <li><a href="#">X</a></li>
      <li><a href="#">Y</a></li>
      <li><a href="#">Z</a></li>
     </ul>
    </li>
    <li class="dropdown nav-menu-items" id="barmenu">
     <a class="dropdown-toggle" data-toggle="dropdown" href="#">Bar<b class="caret"></b></a>
     <ul class="dropdown-menu">
       <li><a href="#">A</a></li>
       <li><a href="#">B</a></li>
       <li><a href="#">C</a></li>
      </ul> 
     </li>

    <li id=smenu class=nav-menu-items><a href="#">S</a></li>
     <li id=contactmenu class=nav-menu-items><%= link_to "C", c_path %></li>

     <li class="dropdown nav-menu-items" id="Co">
       <a class="dropdown-toggle" data-toggle="dropdown" href="#">Co<b class="caret"></b></a>
         <ul class="dropdown-menu">
          <li><%= link_to "P", p_path %></li>
          <li><%= link_to "Car", car_path %></li>
          <li><a href="#">Man</a></li>
          <li><%= link_to "News", news_path %></li>
          <li><%= link_to "Cont", cont_path %></li>
         </ul> 
        </li>

       </ul>
      </div>
     </div>
    </div>

<div class="container">
  <nav>
    <ul class="nav nav-justified">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Projects</a></li>
      <li><a href="#">Services</a></li>
      <li><a href="#">Downloads</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
  </nav>
</div>