我正在建立使用bootstrap网格系统的日历。目前，我在右列中使用col-sm-9，在左列中使用col-sm-3。效果很好，直到我缩小到我认为平板电脑肖像的尺寸为止（就在手机布局中断之前）。
发生这种情况时，右栏与左栏重叠，我无法弄清原因。
链接到日历：http://www.puc.edu/dev-calendar
有谁知道是什么原因造成的？我是否应该添加一些更大的断点并将col-sm-*调整为4和8？
最佳答案
很简单的。您唯一需要的更改是：
将row更改为row-fluid，以便在row-fluid calendar-loading-area的直接div上具有container
将calendar-loading-area的直接子代分别从col-sm-4和col-sm-8更改为col-sm-3和col-sm-9。
此处的关键是使用row-fluid而不是row。
关于css - Bootstrap 3 Tablet纵向尺寸使列重叠，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26151533/