三列網頁佈局不堆積

Question

我正在建立一個新網站，我希望它有3列。像span3，span6，span3。在移動電話上查看時，我只希望看到中間（span6）列（爲了查看外部列，需要邊滾動）。這種行爲可能與Twitter的Bootstrap或Zurb的基金會？

編輯 最少我需要的是，所有3列留作列。我不希望他們堆疊在智能手機上。我得到它與基金會合作，並想知道是否有與Bootstrap解決方案。目前我的Bootstrap代碼堆棧了所有3列？

基金會

<div class="row"> 
    <div class="small-3 large-3 columns"> 
    <p>Lorem ipsum</p> 
    </div> 
    <div class="small-6 large-6 columns"> 
    <p>Lorem ipsum </p> 
    </div> 
    <div class="small-3 large-3 columns"> 
    <p>Lorem ipsum </p> 
    </div> 
</div> 

引導

<div class="row"> 
    <div class="span3"> 
    <p>Lorem ipsum</p> 
    </div> 
    <div class="span6"> 
    <p>Lorem ipsum</p> 
    </div> 
    <div class="span3"> 
    <p>Lorem ipsum</p> 
    </div> 
</div> 

Answer 1

你應該檢查出關帆布幻燈片zurb基礎3瀏覽：

http://zurb.com/playground/off-canvas-layouts

我不相信基礎或引導支持這一開箱即用。

Answer 2

不幸的是，這是不可能的開箱，基本上是因爲側滾動狀態。甚至沒有他們的反應版本。