jquery - Twitter Bootstrap: アラートがページの残りの部分を下に動かないようにしたい

Question

つまり、(Devise を使用して) ユーザー サインアップを行うと、サインアップ ページの一番上にエラー メッセージが表示されます。

<% if @user.errors.any? %>
  <div class="alert alert-error">
    <button type="button" class="close" data-dismiss="alert">&times;</button>
    <%= devise_error_messages! %>
  </div>
<% end %>

<div><%= f.label :email %><br />
<%= f.email_field :email %></div>

<div><%= f.submit "Sign up" %></div>

ただし、何も入力せずにサインアップしようとすると、エラーが発生し、ページの残りの部分が下に移動します。エラーがページの上に表示されるようにしてから、フォームを閉じてそこに何もないようにしようとしています(閉じてもページは移動しません)。

たとえば、Twitter.com で情報なしでサインインしようとすると、Twitter はページを下に移動しない黒いポップアップ ボックスで人間かどうかを尋ねます。

ブートストラップでこれを行う方法がわかりません。

私が話しているのはこれです: http://i.imgur.com/UUYLkax.jpg