为什么排液被推倒？ （Bootstrap，CSS）

Question

我的页面在高分辨率下看起来很棒（第1个屏幕截图），但在低分辨率（第二个屏幕截图）中，行液被推过（所以它与VG-ES列表项不一致）。有没有办法来解决这个问题？

我的标记：

<div class="container">
  <div class="row-fluid">
    <div class="span8">Calendar</div>
    <div class="span4">Event info</div>
  </div>
</div>

它应该是这样的（1280 x 720）：

这是低分辨率（1152x720或更低）的外观

Answer 1

从我对bootstrap的小经验来看，这就是它的简单方式。 bootstrap有一些解析关键点通过css媒体查询定义你提到的分辨率。 您可以编辑css媒体查询以满足自己的需求。

Answer 2

如果问题是您希望日历相对于顶部菜单保持相同位置，请仔细检查菜单是否也在容器中＆gt;行流网格。如果是，则尝试强制日历左对齐。

祝你好运！