Bootstrap 水平滚动 [英] Bootstrap horizontal scrolling
问题描述
我使用以下 HTML 代码:
<div class="row"><div class="col-md-3">1</div><div class="col-md-3">2</div><div class="col-md-3">3</div><div class="col-md-3">n次</div>
因此,我需要在页面底部滚动并水平显示具有无穷大列的一行.
我该怎么做?
所以,我尝试为 list
容器设置固定的 width
并设置了 overflow-x: auto
可以连续超过 12 个列单位.它会导致 列包装,但您可以使用 flexbox 覆盖包装.>
Bootstrap 4 使用 flexbox 和实用程序类来获得水平滚动布局..
<div class="row flex-row flex-nowrap"><div class="col-3">..<div class="col-3">..
<div class="col-3">..
<div class="col-3">..