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，％等，并根据您的需要进行相应评估）