問題タブ [twitter-bootstrap-3]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - Rootstheme と Twitter の Bootstrap 3 を使用した Wordpress メニューのドロップキャップ
私は Twitter Bootstrap 3 Wordpress RootsThemeを持っています。
Wordpress Dropcaps プライマリ ナビゲーション メニューを作成するにはどうすればよいですか?
css - Twitter ブートストラップ 3 - 各デバイスの列の比率を比較する
の新しいバージョンでTwitter Bootstrap 3は、はデバイス サイズに応じて grid異なるcolumnクラス ( ) に分類されます。col-*
Grid example mixedを読むと、 div が表示されます
<div class="col-12 col-lg-8">8</div>
a が a (比率で)col-12と等しいことを理解する必要がありますか?col-lg-8
html - ブートストラップ入力フィールドのセンタリング
特にBootstrapでは、これが初めてです。私はこのコードを持っています:
この入力フィールドとボタンをページの中央に配置する必要があります。
これはうまくいきませんでした："margin-left: auto; margin-right:auto;"
誰にもアイデアはありますか？
twitter-bootstrap - Bootstrap 3 折りたたみメニュー
最近、ブートストラップの最新バージョンをダウンロードしました...折りたたみ式のナビゲーションを作成しましたが、意図したとおりに機能しますが、折りたたみ後にメニューアイコンをロールオーバーしても何も起こりません。すべてのデモで、ナビゲーションがポップアップします。例をダウンロードしましたが、メニューが非表示になった後も機能しません¿ 書かれたコードを含むIm..
CSS
HTML
modal-dialog - TwitterのBootstrap 3モーダルウィンドウのサイズを変更してアニメーション化するには?
アニメーション効果をスムーズに使用して、Bootrap 3 モーダル ウィンドウのサイズを動的に変更するアイデアを誰かに教えてもらえないかお願いしたいと思います。( Clannad Systemによる TB2 の元の質問)
twitter-bootstrap - ナビゲーション バーの検索フォームの左引き/右引きが Chrome で正しく機能しない
Twitter Bootstrap バージョン 2.3.2 から最新バージョン 3 RC 1 に移行しています。上部のナビゲーション バーにある検索ボタンで 1 つの問題に遭遇しました。HTML コードは以下のとおりです。
問題は、Firefox では完全に機能することですが、Chrome または IE 9 では検索ボックスが非常に長くなるため、この検索ボックスとボタンがナビゲーション バーの下に移動します。
トラブルシューティングを試みたところ、フォームから「プル ライト」を削除すると、検索ボックスとボタンがナビゲーション アイテムのインライン上に移動することがわかりましたが、プル ライトがもたらした効果が失われました。右。
さらに、検索フォームを次のように置き換えた場合のデバッグとして
そうすれば、うまくいくでしょう。しかし、それは私の目的でもありません。
私のコードに問題はありますか？それとも、バージョン 3 の RC 1 に問題がありますか? とにかくそれに対処するには？
css - Twitter Bootstrap 3 での col-lg-push と col-lg-pull を使用した列の順序操作
私は現在、Twitter Bootstrap 3 のドキュメントを読んでおり、 このページに示されている列の順序に従おうとしまし たが、壁にぶつかりました。なぜそのようなコードが機能するのか、設定を正しく指定する方法がわかりません。表示したいのは、長さ 5 のグリッドと長さ 5 のグリッド、そして最後に長さ 2 のグリッドです。
だから私のものは次のようなものです：
そして、私が達成したいのは、デスクトップで表示すると上記のレイアウトが表示されますが、モバイルで表示すると、2番目の長さ5のオブジェクトを最初に表示し、次に最初の長さ5のオブジェクト、最後に長さ2のオブジェクトを表示したいということです、垂直に。このような：
上記のドキュメントで説明されている手順に従おうとしたときに、モバイル プラットフォーム上にあるにもかかわらず、最初の長さ 5 のオブジェクトが 2 番目のオブジェクトよりも上に表示されました。言い換えれば、私はこれを得ました：
では、どうすれば最初のものの上に2番目のものを正しく置くことができますか? または、同じ長さのオブジェクトを使用しているため、列の順序が機能しない可能性がありますか?
あなたの情報のための私のコードは次のとおりです。
pullまた、ドキュメントは何を意味するのかを明確にしませんpush。それで、私は何かを逃していますか？
ありがとう。
jquery - Bootstrap 3 での Twitter Typehead での CSS の問題
Bootstrap 3 のリリースに伴い、Typeahead はこれを支持して削除されました:
https://github.com/twitter/typeahead.js
データのリモートフェッチで正常に統合しました
しかし、オートコンプリートに問題があります
ご覧のとおり、テキスト ボックスに 2 つのテキストが表示されます。
ドキュメントに記載されているように、css ( https://github.com/jharding/typeahead.js-bootstrap.css ) を含めましたが、うまくいきません。
助けや提案をいただければ幸いです。
問題を示す jsfiddle:
http://jsfiddle.net/KrtB5/
HTML
Javascript :