如何使用Bootstrap修復Meteor 0.9中的loginButtons？

Question

加入後，以下，以一個流星0.9項目：

standard-app-packages 1.0.0 Include a standard set of Meteor packages in yo... 
bootstrap    1.0.0 Front-end framework from Twitter 
iron:router   0.9.1 Routing specifically designed for Meteor 
accounts-ui   1.0.0 Simple templates to add login widgets to an app 
accounts-password  1.0.0 Password support for accounts 

和嘗試顯示{{>loginButtons}}：

<template name="header"> 
    <header class="navbar"> 
     <div class="navbar-inner"> 
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </a> 
      <a class="brand" href="{{pathFor 'postsList'}}">Posts</a> 
      <div class="nav-collapse collapse"> 
       <ul class="nav pull-right"> 
        <li>{{>loginButtons}}</li> 
       </ul> 
      </div> 
     </div> 
    </header> 
</template> 

被部分地示出的用戶名/密碼的對話框在瀏覽器之外（在Safari /火狐相同/鍍鉻）：

我怎樣才能解決呢？

Answer 1

您可以簡單地使用

{{> loginButtons align="right"}} 

，使它看起來像這樣：

Answer 2

您可以指定之間權或離開位置。

{{> loginButtons align="right"}} 

但是在您的情況下，您必須修復用戶界面，因爲登錄表單與導航欄相關的位置沒有對齊。

修復的方法是：

.navbar .nav { 
     top:9px; 
}