問題タブ [grid-system]

レスポンシブCSSファイルが含まれているTwitterBootstrapの実装で忙しいですが、これによりスパンに問題が発生します。全幅はspan12までであると想定されており、6*span2も同じように動作するはずです。

ここに面白い部分があります。bootstrap-sensitive.cssがロードされていない場合は機能しますが、レスポンシブファイルをロードした瞬間、最後のスパンが左下に浮きます。

最初はその周りの境界線かもしれないと思っていたのですが、それを取り除くと、まだ底に浮かんでいます。

両方のCSSファイルをロードして、適切なレイアウトを取得できるはずですよね？いいえ？

同様の結果を示す他の質問を見つけることができません。私のBootstrapCSSファイルは変更されておらず、自分のスタイルシートがまだ組み込まれていないので、それが私が間違ったことだとは思いません。

何か案は？

ありがとう！

コブス

編集：詳細については、スクリーンショットをアップロードしてください。

私は疲れているに違いない。CSS が HTML にインポートされていません。表示されるのは次のとおりです。 Test Test Test(別の行で) また、グリッド CSS には 920.gs だけがあります。

CSS を追加します。

ルート div (コンテナ) をドキュメントの 100% にすることは可能ですか?
ここに私のコードがあります:

ありがとう

以下では、12 グリッド 960px システムからの抽出を使用しています。

出力：

ここで、上の 2 行をコピーして合計 4 行にしたとします。しかし、最初の 2 行を紫色の背景にし、最後の 2 行を白い背景にしたいと考えています。

上記で行ったことの問題は、「行」という新しい div を作成し、2 つの列をラップする必要があったことです。これにより、すべての行をラップする div "行" を持たない残りのレイアウトとの一貫性がなくなります。各行に div "行" を追加し、overflow: hidden プロパティを指定した場合、2 行目のアイテムが押し下げられるため、1 つの列が 2 つの行にまたがることは不可能になります。では、グリッド システムはこの状況をどのように処理するのでしょうか。

私は常にパディングとマージンで台無しにするので、あらゆる種類のグリッドシステムを使用することを避けてきました。

グリッドが 90px で、次のコードがあるとしましょう。

ここで JSfiddle。

グリッドを操作するにはどうすればよいですか?

そこに多くのグリッドシステムがあることを知っており、いくつかをテストしましたが、スペースを確保するためにパディングを使用し始めるとグリッドが常に拡張するため、これを間違った方法で「攻撃」しているに違いありません。

画像フロートで左/右に何が起こるかとして、外側のグリッドの内容が内側のグリッドの周りを流れる場所で、内側のグリッドを囲むことは可能ですか?

ありがとうございました

フレームワークを編集する必要がありますか? または、この div をコンテナー div の外に作成する必要がありますか? ウィンドウの 100% にまたがりたい div はメニュー div であるため、ウィンドウの 100% にまたがりたいのですが、その中のメニュー項目はグリッド システムに準拠させたいと考えています。

これについて最善の方法は何ですか？メニュー項目をグリッド内に配置し、マイナスのパディングを使用してそれを取得しますか?

どうもありがとう。

ウェブサイトにブートストラップを使用しています。テキストボックスが私が定義したスパンから出てくるという奇妙な問題に直面しています。

これがコードです Sign up この行から span6 を削除すると、テキストボックスが div 内に表示されます。