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，％等，并相应价值取决于你想要什么）