使用Twitter Bootstrap Navbar（帶有設計）登錄Rails？

Question

我正在嘗試將Twitter的Bootstrap（http://twitter.github.com/bootstrap/index.html）與Ruby on Rails（v 3.2.8與Ruby 1.9.3）一起使用。 我正在使用Devise進行身份驗證。

Twitter的導航欄中有一個不錯的登錄表單。 （請參閱http://twitter.github.com/bootstrap/examples/hero.html嗎？）

我將如何設置Rails應用程序以使用該登錄名？ 我可以將Rails設置為從其自己的登錄頁面登錄，但是如何使用Navbar登錄？ 控制器/模型的結構是什么？

我在github上找到了它，但是它沒有實現導航欄注冊（https://github.com/RailsApps/rails3-bootstrap-devise-cancan/）。

謝謝

更新：

找到了答案： https : //github.com/plataformatec/devise/wiki/操作方法 ： -Display-a-custom-sign_in-form-anywhere-in-your-app

Answer 1

您可以簡單地運行rails g devise:views devise rails g devise:views並自定義表單以在nabvar內部正確顯示。 您可以在任何布局中使用render 'devise/sessions/new'渲染它。 有關更多詳細信息，請參見此處 。

Answer 2

該示例中的代碼在標記之后具有以下內容。

        <form class="navbar-form pull-right">
          <input class="span2" placeholder="Email" type="text">
          <input class="span2" placeholder="Password" type="password">
          <button type="submit" class="btn">Sign in</button>
        </form>

我將使用此代碼，但是將表單的操作和輸入名稱更改為登錄表單的名稱。

只需查看登錄表單的源代碼並更改必要的值即可。 您還可以添加一些類似於以下的代碼，以便如果已經通過身份驗證，則不會顯示登錄表單。

<% if not current_user %>
//login form
<% else %>
//welcome the user and provide logout option
<% end %>