Question

我正在使用bootstrap 4.我在一行中有3列。其中一列包含列表，另外两列不包含列表。我只希望列表中的列可滚动但不能滚动整个容器，这意味着滚动条muss只出现在该列中。

我将不胜感激。

<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;
}

可滚动卡片引导程序

1 个答案: