引导程序3平板电脑人像尺寸使列重叠

Question

我正在构建使用网格系统bootstrap的日历。目前，我正在使用col-sm-9作为右栏，而col-sm-3作为左栏。这很好，直到我缩小到我认为的平板电脑肖像的位置（就在它打破电话布局之前）。

发生这种情况时，右列与左边重叠，我找不到原因。

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

有没有人有一个想法是什么原因造成的？我是否应该添加一些较大的断点并将col-sm-*调整为4和8之类的东西？

Answer 1

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

1. 变化row到row-fluid所以你将分别对直接divrow-fluid calendar-loading-area在container

2. 变化calendar-loading-area直接孩子col-sm-4和col-sm-8从col-sm-3和col-sm-9。

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

Answer 2

更改events.events-week山坳对：

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

见responsive column offsets & offsetting columns。