css - 为什么行流体被推倒？（引导程序，CSS）

Question

我有一个页面在高分辨率（第一个屏幕截图）下看起来很棒，但在低分辨率（第二个屏幕截图）下，行流体被推过（所以它不符合 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 或更低）下的样子

score 1 · Accepted Answer

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

score 1 · Accepted Answer

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

祝你好运！

2 回答 2