bootstrap流體和靜態容器

我正試圖在一個頁面引導程序佈局中將流體容器與固定容器相結合。bootstrap流體和靜態容器

我想要的是（例如）讓一個大圖像成爲英雄單位（但不是英雄單位）100％視口的寬度/高度，或3列圖像除以100％但在其他場合（在同一頁面內），它將具有最大1200px的容器以及引導的網格元素。我打算將它與此http://untame.net/2013/01/how-to-design-a-single-page-scrolling-site-with-twitter-bootstrap/結合起來製作一個垂直滾動的單頁網站。

它可以實現嗎？或者我應該爲單個頁面的所有「部分」進行自定義佈局，並應用媒體查詢？

我會嘗試使用正常的.span4和row-fluid的3列圖像，但它增加了我不想要的陰溝。當我嘗試去除排水溝時，跨距變短。

我會嘗試儘快更新我的問題，並提供一個我將嘗試做的工作示例，以及我目前的位置。

* UPDATE *

這裏的東西一整頁的結果到目前爲止，我已經做了 http://jsfiddle.net/ditikos/ejMAQ/4/embedded/result/

現在.block指的JavaScript類，將生成的網頁，使他們將最小視口高度（在.thumbnail的第二種情況下，它可以達到視口高度的2倍，因爲在一個頁面中也可以有一組6個縮略圖）

我怎麼能把三列.block的方式，當我到了手機視圖，它會堆疊像正常的網格？
我實際上試圖製作一個三列內容輪播與.aThird切片。是否可以使用網格佈局？

來源

2013-02-12 Panagiotis

http://twitter.github.com/bootstrap/scaffolding.html只需仔細閱讀本網站。它教你如何做幾乎所有的事情。如果您仍然有問題，請回過頭來問一些具體的代碼示例。 – 2013-02-12 18:29:00

我很快就會發布代碼，現在我正在打電話。 – Panagiotis 2013-02-12 18:38:35

如果你閱讀引導的網站，你會發現：

基本流體網格HTML **
通過改變.row到.row流體「做任何一行‘流體’列班保持完全一樣，可以很容易在固定和流體網格之間翻轉。「

編輯：這個答案是無效的引導3

來源

2013-02-12 18:26:03

該功能似乎與bootstrap一起消失3. – Lars 2013-07-27 14:34:34

@RaphaelRafatpanah您還沒有訪問過該網站。引導程序3現在是最新的。 http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/ – Routhinator 2013-09-12 18:42:26

bootstrap流體和靜態容器

回答

相關問題