Bootstrap 3 Tablet纵向大小使列重叠

Question

我正在构建一个使用bootstrap网格系统的日历。目前，我使用col-sm-9表示正确的列，col-sm-3表示左侧列。这很有效，直到我的尺寸缩小到我认为的平板电脑肖像（就在它打破电话布局之前）。

当发生这种情况时，右栏与左侧重叠，我无法弄清楚原因。

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

有谁知道造成这种情况的原因是什么？我应该添加一些更大的断点并将col-sm-*调整为类似4和8的东西吗？

Answer 1

将events.events-week col更改为：

col-sm-8 col-sm-push-1

见responsive column offsets＆amp; offsetting columns

Answer 2

很简单。您需要的唯一变化：

1. 将row更改为row-fluid，以便row-fluid calendar-loading-area

中的div container calendar-loading-area

2. 将col-sm-4的直接子女分别从col-sm-8和col-sm-3更改为col-sm-9和row-fluid。

此处的关键是row而不是{{1}}。