css - twitterブートストラップ先行入力ドロップダウン

Question

こんにちは私はtwitterブートストラップを使用しています。モデルウィンドウで先行入力を使用しました。私の問題は、テキストボックスに入力すると、ドロップダウンが完全に表示されますが、テキストボックスの一番下に表示されることです。ドロップダウンが来るときに属性トップセットがあることを観察しました。しかし、実行時にそれを変更する方法がわかりません。

これが画像です：

私はCSSが苦手です。誰かがこの問題を解決するために何をすべきか教えてもらえますか？

Answer 1

ブートストラップのtypeaheadクラスのデフォルトのスタイルの一部をオーバーライドする必要があります。具体的には、positionをrelativeに設定し、z-indexを10000に設定することで、正しく表示されるようにすることができます。positionプロパティでは、！important宣言を使用する必要があります。

.typeahead {
    position:relative !important;
    z-index:10000;
}​

http://jsfiddle.net/technotarek/Msttw/で私の作業フィドルを参照してください。

私の先行入力値は、トリガーに問題がある場合に備えて、虹の色であることに注意してください。

また、正確なフォームレイアウトによっては、上/下または左/右のCSSプロパティを使用して、状況に応じて先行入力要素の位置を調整する必要がある場合があります。