引導防止小於800像素

所以流動性，我有一個引導的網站，我想那一定屏幕尺寸之後，用戶被迫滾動broswer。引導防止小於800像素

例如，如果我有以下內容：

<div class="container"> 
    <div class="row> 
     <div class="col-md-3 col-sm-6 col-xs-6"></div> 
     <div class="col-md-3 col-sm-6 col-xs-6"></div> 
     <div class="col-md-3 col-sm-6 col-xs-6"></div> 
    </div> 
</div>

我想，該窗口被調整大小低於800像素後，用COL-XS-6那些div來保持在相同的寬度，COL-MD -6。所以用戶將被強制滾動窗口。

我試着使用：

min-width對容器（不工作時，容器內的COL-md`s仍然得到從窗口百分比值）
modifying的bootstrap.css所以col-xs-6恰好有800像素的50％。上述

無效果很好。有關如何做到這一點的任何建議？

來源

2015-04-15 CrazyDog

你爲什麼要這樣？谷歌甚至會發現你的網站沒有反應速度，並會給你一個較低的評價。 –

@DannyvanHolten你假定它是一個活的網站，他在乎收視率：P TBH，有原因，人們會想禁用超過一定點的響應。他們很少，而且存在。 CrazyDog，看看自舉的這個部分：http://getbootstrap.com/getting-started/#disable-responsive它可以幫助你與你在找什麼。 –

<style> 
@media screen and (max-width:800){ 
    .col-sm-6, .col-xs-6{ 
     Min-width:50%; 
    } 
} 
</style> 
<div class="container"> 
    <div class="row> 
     <div class="col-md-3 col-sm-6 col-xs-6"></div> 
     <div class="col-md-3 col-sm-6 col-xs-6"></div> 
     <div class="col-md-3 col-sm-6 col-xs-6"></div> 
    </div> 
</div>

來源

2015-04-15 15:43:49 wijaya

不應該是'min-width：400px;'？ – Ted

引導防止小於800像素

回答

相關問題