【问题标题】:Bootstrap columns overlapping on small screen sizeBootstrap 列在小屏幕尺寸上重叠
【发布时间】:2022-12-15 01:37:37
【问题描述】:

我制作了两列,一列用于标题,另一列用于项目,我将其设置为可滚动。 它在桌面视图上按我想要的方式工作,但是当我将视口缩小到移动屏幕并尝试滚动浏览项目时,它们开始与标题重叠。这是问题的链接:text。尝试将视口缩小到 500 宽度进行滚动。

我尝试调整项目列的高度,但它仍然可以。如果您需要代码,请告诉我,我也会添加。

【问题讨论】:

    标签: html css reactjs bootstrap-5


    【解决方案1】:

    你给了那些列的父容器 row row-cols-1 row-cols-md-2 类。从中等宽度开始向上(lg,xl),你把它变成了两列。对于 xs 和 sm 宽度,它使用 row-cols-1 使其成为单列。删除 row-cols-1 类,您将获得各种大小的两个列。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-03-22
      • 2018-10-14
      • 2020-10-07
      • 1970-01-01
      • 1970-01-01
      • 2021-06-05
      相关资源
      最近更新 更多