可滚动卡引导程序

Question

我正在使用引导程序4。我在一行中有3列。其中一列包含一个列表，而其他两列则不包含。我只希望列表中的列是可滚动的，而不是整个容器，这意味着滚动条仅在该列中出现。

我将不胜感激任何帮助。

<div class="row">
<div class="col-sm-4">
  <div class="card">...

<div class="col-sm-4">
  <div class="card">...

<div class="col-sm-4">
  <div class="card">...

</div>

Answer 1

您可以执行以下操作：

<div class="row">
  <div class="col-sm-4">
    <div class="card">...

  <div class="col-sm-4 scroll">
    <div class="card">...

  <div class="col-sm-4">
    <div class="card">...
</div>

然后在您的CSS中：

.scroll {
    max-height: 100px;
    overflow-y: auto;
}