【发布时间】:2022-12-15 01:37:37
【问题描述】:
我制作了两列,一列用于标题,另一列用于项目,我将其设置为可滚动。 它在桌面视图上按我想要的方式工作,但是当我将视口缩小到移动屏幕并尝试滚动浏览项目时,它们开始与标题重叠。这是问题的链接:text。尝试将视口缩小到 500 宽度进行滚动。
我尝试调整项目列的高度,但它仍然可以。如果您需要代码,请告诉我,我也会添加。
【问题讨论】:
标签: html css reactjs bootstrap-5
我制作了两列,一列用于标题,另一列用于项目,我将其设置为可滚动。 它在桌面视图上按我想要的方式工作,但是当我将视口缩小到移动屏幕并尝试滚动浏览项目时,它们开始与标题重叠。这是问题的链接:text。尝试将视口缩小到 500 宽度进行滚动。
我尝试调整项目列的高度,但它仍然可以。如果您需要代码,请告诉我,我也会添加。
【问题讨论】:
标签: html css reactjs bootstrap-5
你给了那些列的父容器 row row-cols-1 row-cols-md-2 类。从中等宽度开始向上(lg,xl),你把它变成了两列。对于 xs 和 sm 宽度,它使用 row-cols-1 使其成为单列。删除 row-cols-1 类,您将获得各种大小的两个列。
【讨论】: