問題タブ [twitter-bootstrap-2]

Twitterのブートストラップを使用して垂直方向の空白を追加する最良の方法は何ですか？

たとえば、ランディングページを作成していて、特定のボタンの上下に少し（100px）の空白を入れたいとします。明らかに、その特定のボタンに対して特定のクラスを作成できます。しかし、Bootstrapには、垂直方向の空白スペースを追加するDRYの方法が必要だと思います。

ブートストラップで少し遊んだ後、スパンクラスをセンタリングする方法に関するこの厄介な問題を見つけました。いくつかのスパンをセンタリングするためにオフセットを試みた後、(オフセット 2 を使用したスパン 8、またはオフセット 3 を使用したスパン 6) のような特定のスパン クラスをセンタリングできますが、問題は、スパン 7/スパン 9/スパン 10 をセンタリングしたいことです。

次に、いくつかのトリックを使用して、span10 を中央に配置しようとしています...

上記のコードを使用するのではなく、解決策はありますか?

また、行のマージン左の値を変更せずに、span7、span9、さらには span11 を中央揃えにしたい場合はどうすればよいですか? クラスの行は既に margin-left を 20px に設定しているため、スパンを中央に配置するのが難しくなります。

ブートストラップ カルーセルを遅延ロードしようとしています。これは簡単なようですが、ここでトラブルシューティングを行うためのエラーは発生していません。JS:

そしてhtml：

firebug などに JS エラーはありませんが、画像が読み込まれていません。おそらくここではばかげて単純な何か...

私はまだ Twitter Bootstrap とグリッド フレームワーク全体に慣れていないので、これが非常に初歩的な質問のように思われる場合は、ご容赦ください。

しかし、これが私がこれまでに jsFiddleに持っているものです。

HTML

CSS

私が達成しようとしているのは、最後の大きな赤いボックスの後に 2 つの小さなボックスを空白に配置することです。いくつかの調査を行ったところ、行の中に行をネストしてから列を配置する必要があることを読みました。しかし、それはスパンの非流動的なアプリケーション、つまり固定幅に適用されるように見えました。ただし、これらのボックスをパーセンテージで測定しており、これらの行をネストする方法についてはまったくわかりません。何か助けはありますか？

Bootstrap 2 で「form-horizo​​ntal」クラスを使用していますが、私のラベルはレスポンシブ スタイルを利用していないようです。これは次のようになります。

調べてみると、ラベルには通常の Bootstrap 設定である「width:160px」がありますが、レスポンシブ スタイルには「width:auto」しかありません。

そのセクションの私の HTML は次のようになります。

Twitter Bootstrap Modalがポップアップするようにトリガーするリンクをクリックすると、ブラウザーがページを上にスクロールします。この動作はChromeでのみ発生します。

デモページは次のとおりです。

http://www.turizmburosu.com/test2.aspx

ページには600行のリンクがあり、ページ本体がウィンドウの高さを超えています。これらのリンクのいずれかをクリックすると、モーダルダイアログが表示されます。Chromeの場合、最初のビューの下にあるリンクのいずれかをクリックすると、背景ページが上にスクロールします（必ずしも完全に上に表示されるとは限りません）。

次の関数を使用して、モーダルの表示をトリガーしています。

リンクの形式は次のとおりです。

Chrome22.0.1229.94mでこの動作が見られます。

なぜこれが起こっているのか、そしてそれを防ぐ方法についての提案/アイデアはありますか？

追加の例

これは、ModalプラグインのTwitterBootstrapドキュメントページで再現できます。

ページが表示されたら、既存のdata-apiをオーバーライドして、代わりにJavaScriptapiを使用します。

これで、 [デモモーダルの起動]ボタンをクリックすると、モーダルが表示されたときにページが上にスクロールします。

繰り返しますが、これはChromeを使用しています。

私はBootstrapを調べていて、列のオフセットについて疑問に思っています: http://twitter.github.com/bootstrap/scaffolding.html#gridSystem

ドキュメントには、列は「行ごとに常に 12 まで追加する必要がある」と記載されています。次に、列をオフセットする例を示します。

質問:

1. 列の合計は 12 になりません。合計は 7 だけです。または、オフセットを数えると 9 になります。これは単なる悪い例か何かでしたか?
2. なぜ私は何かをオフセットしたいのですか? これは、サイトのレイアウトのコンテンツをより適切に処理するためだけのものですか?

スクロールスパイを垂直ナビゲーションで適切に動作させることができません。以下に、私が使用するコードを示します。なぜか「Two」だけがアクティブになります。

誰が何が間違っているのか考えていますか?

Mac OSX Lion で Firefox 10.0.2 を使用し、Twitter Bootstrap 2.1.1 を使用しています。xsltを使用してxmlファイルをhtmlに変換しています。ファイルはかなり巨大で、それがページの読み込みに時間がかかる理由だと思いました。しかし、コンソールを見ると、bootstrap.min.css のエラーと警告に費やされた時間と比較して、残りの作業にかかる時間が非常に短いことがわかります。以下のスクリーンショットをご覧ください。

これらのエラーは簡単に 6 秒かかります。私の xml ファイル内の他のすべてのコンポーネントは、非常に高速に読み込まれます。ページの読み込みを早めてこれらのエラーをなくす方法はありますか?

編集：画像へのリンクがあるので、表示できます。http://i.stack.imgur.com/W41En.png

ブートストラップ ページのフッターを常にページの下部に配置したいのですが、見つけた解決策がうまくいきません。ここで提案されている解決策はありません

フッターをページの一番下にフラッシュすると、Twitter のブートストラップが機能しません。ページの高さがバラバラなので大変ですよね？何を試しても、フッターの下には常に空白があります。また、固定フッターが必要ないため、ブートストラップ サイトがレスポンシブであるため、これをどのように達成する必要がありますか?