gpt4 book ai didi

css - Bootstrap 3 Tablet Portrait 尺寸使列重叠

转载 作者:行者123 更新时间:2023-11-28 09:19:37 24 4
gpt4 key购买 nike

我正在构建一个使用 bootstrap 网格系统的日历。目前,我对右列使用 col-sm-9,对左列使用 col-sm-3。这很好用,直到我缩小到我认为平板电脑纵向的尺寸(就在它打破手机布局之前)。

发生这种情况时,右列与左列重叠,我不明白为什么。

enter image description here

日历链接:http://www.puc.edu/dev-calendar

有人知道是什么原因造成的吗?我是否应该添加一些更大的断点并将 col-sm-* 调整为 4 和 8 之类的值?

最佳答案

很简单。您需要做的唯一改变:

  1. 更改 rowrow-fluid所以你会有row-fluid calendar-loading-area立即divcontainer

  2. 更改 calendar-loading-area 的直系子代至 col-sm-4col-sm-8来自 col-sm-3col-sm-9分别。

这里的关键是有 row-fluid而不是 row .

关于css - Bootstrap 3 Tablet Portrait 尺寸使列重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26151533/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com