时间戳

首页 > 解决方案 > 可滚动的引导容器

css - 可滚动的引导容器

问题描述

我有带行的流体引导容器。有时我需要将其“包装”为固定宽度并使整个内容可滚动。有时带有粘性的第一列。

<div class="wrapper">
  <div class="container-fluid scrollable">
    <div class="row">
      <div class="col">
        <div class="data">data</div>
      </div>
    </div>
  </div>
</div>

但是当我使用溢出和宽度时，行没有完全呈现并停止在滚动容器的边缘。

如何正确地做到这一点？

请在行上检查这个小提琴和红色：

https://codepen.io/raptor/pen/gOWaRpa

标签： cssbootstrap-4scrollflexboxoverflow

解决方案

推荐阅读