为什么会有液体被推倒?(引导,CSS)

为什么会有液体被推倒?(引导,CSS),css,twitter-bootstrap,Css,Twitter Bootstrap,我有一个页面在高分辨率(第一个屏幕截图)下看起来很棒,但在低分辨率(第二个屏幕截图)下,行流体被推倒(因此它与VG-ES列表项不一致)。有办法解决这个问题吗 我的标记: <div class="container"> <div class="row-fluid"> <div class="span8">Calendar</div> <div class="span4">Event info</div>

我有一个页面在高分辨率(第一个屏幕截图)下看起来很棒,但在低分辨率(第二个屏幕截图)下,行流体被推倒(因此它与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或更低)下的外观

从我使用引导的一点经验来看,这就是它的简单方式。bootstrap在您提到的分辨率下通过css媒体查询定义了一些分辨率关键点。
您可以编辑css媒体查询以满足自己的需要。

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

祝你好运