単一ページのブートストラップ レイアウトで、流動コンテナーと固定コンテナーを組み合わせようとしています。
私が欲しいのは（たとえば）、ヒーローユニットとして（ヒーローユニットではなく）大きな画像をビューポートの100％の幅/高さにすること、または3列の画像をその100％で割ることですが、他の場合には(同じページ内) 最大 1200px のコンテナーと、ブートストラップのグリッド要素があります。このhttp://untame.net/2013/01/how-to-design-a-single-page-scrolling-site-with-twitter-bootstrap/と組み合わせて縦スクロールのシングルページサイトを作る予定です。
それは達成可能ですか？または、1 つのページのすべての「セクション」にカスタム レイアウトを使用し、メディア クエリを適用する必要がありますか?
.span4通常の3 列の画像を試してみましたが、row-fluid望ましくないガターが追加されました。ガターを取り除こうとすると、スパンが短くなります。
私がやろうとしていること、そして私が今どこにいるのかの実例で、すぐに私の質問を更新しようとします。
* アップデート *
ここに私がこれまでに行ったことの全ページの結果があります http://jsfiddle.net/ditikos/ejMAQ/4/embedded/result/
は.block、ページがビューポートの高さの最小値になるようにページを生成する JavaScript クラスを参照するようになりました (の 2 番目の状況では、.thumbnailビューポートの高さの最大 2 倍になる可能性があります。ページ）
.block電話ビューに到達したときに通常のグリッドのように積み重なるように3 つの列を配置するにはどうすればよいですか?- 私は実際に、
.aThirdスライスを使用して 3 列のコンテンツ カルーセルを作成しようとしています。グリッドレイアウトで可能ですか？