Twitter bootstrap 3 bootstrap3导航菜单链接在折叠前右对齐

我试图在引导程序中找出如何有一个左对齐链接，右对齐链接，然后是可折叠链接

Link###############################Link#CollapableLink

我试着用了，但没用

<div class=""nav navbar-nav navbar-right">
   <ul class="nav navbar-nav ">
    <li><a href="#about">Link</a></li>
  </ul>    
</div>

引导示例
切换导航









谢谢您的建议，但没有解决我的问题，即没有可折叠链接—一个是左对齐的，另一个是右对齐的。请您解释一下。你想再远一点吗？你试过全屏显示这段代码吗？