問題タブ [twitter-bootstrap-2]
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 - Twitter ブートストラップ プログレス バーとバッジを揃える
私は自分のサイトに Twitter ブートストラップを使用しています。プログレスバーを使用して、プロセスの完了率を示したいと思います。
進行状況バーに進行中のステップの名前を表示し、進行状況バーの最後または開始時にバッジを使用して完了率を表示したいと考えています。ここに私がやろうとしていることのJSフィドルリンクがあります
しかし、バーデとプログレスバーは横に並んでいません。私はcssがあまり得意ではないので、それらを同じ行に揃えるために何ができるかわかりません。
javascript - ブートストラップscrollspyは、ロード後に最後のナビゲーションリンクボタンを強調表示します
上部に5つのリンクがあるナビゲーションバーを作成しました。ページ自体に、要素の#タグの後に名前に従ってIDを持つ5つのセクションを追加しました。問題は、最後のナビゲーションリンクボタンが強調表示されることです(コード自体では最初のナビゲーションバーアイテムが「アクティブ」に設定されていますが、実行時に「アクティブ」クラスが最初に追加されました。最新のブートストラップバージョンはv2です。 .0.4何が問題になっていますか?
css - テーブルの内容を揃えるために Twitter Bootstrap 2.0 に組み込まれているものはありますか?
"align" 属性を設定することで簡単に表を揃えることができますが、css による表の揃えは少しハックです。Twitter Bootstrap 2.0 で整列するテーブルの組み込みサポートはありますか?
twitter-bootstrap - Twitter Bootstrap の popover プラグインでタイトルを無効にするにはどうすればよいですか?
ポップオーバーを使用して、タイトルを必要としない画像を表示しています。「タイトル」を設定しない場合でも、タイトルが表示される領域が表示されます。これを完全にオフにするにはどうすればよいですか?
twitter-bootstrap - bootstrap.css と bootstrap-responsive.css を一緒に含める必要がありますか?
2 つの css ファイルを含める必要がありますか、それとも 1 つで十分ですか?
また
twitter-bootstrap - ブートストラップスクロールスパイが機能しない
これが私が直面している問題です。
http://bittu.github.com/folderGrid/
最初は最後のタブを強調表示し、スクロールすると、スクロールの各ステップで2つのタグのみが切り替わります。
ここに私が使用したコードの小さなスニペットがあります。
必要なすべてのファイルが含まれています。すべての数値を試しましたdata-offset
css - vertical-align:Bootstrap2の中央
div
私はtwitterブートストラップを使用しており、ブロックを垂直方向に画像と右側のテキストに揃えたいと考えていました。
コードは次のとおりです。
私はこれを試しましたが、wortksではありません:
私もこれを試しました:
何も機能していません。誰かがアイデアを持っていますか?前もって感謝します。
css - Twitter Bootstrap で select タグの幅を変更する
Twitter ブートストラップを使用している場合、選択フィールドの幅を変更するにはどうすればよいですか? CSS クラスの追加input-xxlarge
が (他のフォーム要素の場合と同様に) 機能しないように見えるため、現在、ドロップダウンの要素が切り取られています。
javascript - Twitter Bootstrap 2.1 - モーダルが正しく機能しない
Twitter ブートストラップ モーダルを統合しようとしましたが、何らかの理由で機能しません。
問題は、ページが読み込まれたときにモーダルが表示されることです。
私はこれを私の中で書きました<head>
しかし、効果はありません。
私が使用したコード: ( http://twitter.github.com/bootstrap/javascript.html#modals )
ページがロードされた直後にレンダリングされ、モーダルボタンをもう一度押すと消え、2回目に表示されますが、ページ全体がダークエンドです(モーダル自体もダークエンドです)
誰も同じ問題を経験しましたか?
問題を確認できるように、heroku にプッシュしました。http://elobeast.com/ (右上隅の「デモモーダルを起動」)
css - Bootstrap(またはストレートCSS)を使用して「ミニ」選択スタイルを実現するにはどうすればよいですか?
「ミニ」ボタンにBootstrapのbtn-mini
クラスを使用しており、「ミニ」選択要素を作成するために類似したものを探しています。選択ボタン(つまり、オプションのリストではなく、オプションのリストを表示するためにクリックする部分)自体)ミニボタンと同じサイズとスタイルです。
クラスを選択要素に適用するbtn-mini
と、選択ボタンのフォント スタイルはミニ ボタンと同じサイズになりますが、選択ボタン自体のサイズは既定のサイズから変更されません。
使用すべき別の Bootstrap クラスはありますか? またはそれを行う別の方法はありますか?
PS私はOS X Chromeに取り組んでいますが、当然、クロスブラウザ互換のソリューションがあることを願っています.