1

私は Twitter のブートストラップ テンプレートをいじり、次のサイトのコンセプトをいくつかテストしましたが、すべてうまくいきました。

現在、デザイナーは実際の Web サイトを引き渡しており、Twitter ブートストラップ テンプレートに基づいて開発サイトの一部の機能を実装するのに問題があります。現時点での私の主なものは、先行入力機能です。

http://twitter.github.com/bootstrap/javascript.html#typeahead

Typeahead は私の新しいサイトで機能していますが、単語のリストが入力フィールドの下に表示されません。右にずれているため、なぜそうなのかわかりません。これは、次の入力フォームの簡略化されたバージョンで確認できます。

http://dl.dropbox.com/u/34923164/test.html

最初の入力フィールドに「walking」と入力し始めると、リストが右上に表示されます。入力フィールド自体の下に戻すにはどうすればよいですか?

4

1 に答える 1

1

Bootstrap スタイルシートを正しくインポートしていません。typeahead は、ドロップダウンクラス ( ulで作成されたクラスからわかるように) を使用して、正しく表示する場所を (とりわけ) 指示します。

それらのスタイリングを使用したくない場合は、もう少し混乱しますが、基本的に必要な情報をクラスから取り出すことができます。最も重要なのは、おそらく位置の種類と上と左のプロパティです。

于 2012-08-01T02:06:16.007 に答える