如何在Bootstrap日历中使事件排队

使用Bootstrap日历http://bootstrap-calendar.azurewebsites.net/index-bs3.html时,在周视图中事件不会排队。

例如,如果你有2个事件: – 今天上午10点到11点 – 明天上午10点到11点

在周视图中,它们看起来像一个楼梯,一个,下面的下一个……没有排成一列。

谢谢 在此处输入图像描述

我已经尝试了不同的时间等。文档是有限的,我不知道如何解决这个问题。

这些事件没有对齐,因为它们包含在div中,而不是跟随类:

.cal-row-fluid { width: 100%; } 

这会导致div拉伸到其父级的宽度。

解决方法是将一个事件的内容放入另一个事件的父节点中。 像这样: