bootstrapナビゲーションバーを小さなブラウズエリアにリサイズした後、モーダルの入力フォームが下に降下しました

Question

申し訳ありません。 Stack Overflowを使って質問するのはこれが初めてのことです。私はこの掲示板にコードを残す方法は本当に分かりませんが、ここに私のリンケがあります。 http://www.bootply.com/Ak03ynsFUE

私は何をしようとしていることは、フルスクリーンの検索のためのブートストラップモーダルを使用して、私は小さいサイズにブラウザのサイズを変更した後、全体の全体の検索バーは、モーダルの底に落とされます。私はそれが通常の閲覧サイズであったのと同じ位置にとどまるようにする方法を知らない。

Answer 1

ブートストラップモーダルスタイルを上書きするカスタムCSSにこれを追加します。

#search { 
    top: 50%; 
    bottom: auto; 
    margin-top: -60px; 
}