Bootstrap中的自適應可滾動框架

Question

我有一個當前正在響應的文本體。

<div class = "col-sm-6 col-xs-6> 
    <div class = "well"> 
    <p> A lot of text... </p> 
    </div> 
</div> 

我希望文本可以滾動（井內），但是我希望井的最大高度根據屏幕大小進行更改。

以下使得可以滾動，但我不知道如何 具有自定義高度...一個sm和一個xs。

.scroll_for_sm { 
    height: 500px !important; 
    overflow: scroll; 
} 


.scroll_for_xs { 
    height: 250px !important; 
    overflow: scroll; 
} 

Answer 1

如果你想好根據屏幕大小（或高度在這個問題上）作出迴應的高度，只需指定一個高度，你的身體所以在你的CSS，補充一點：

html, body { 
    height:100%; 
    min-height: 100% !important; 
} 

然後，對於均勻，加入這個CSS：

.well{ 
    height:100%; 
} 

（百分比是可以改變的像素，EM，％等，並相應價值取決於你想要什麼）