html - Bootstrap-rails，如何改变车身尺寸？

现在，标题可能听起来像是最懒惰的问题，但请耐心等待。

我网站的大致结构是这样的格式:

<html>
  <head></head>

  <body>
    <div class="navbar"></div>
    <div class="container"></div>
  </body>
</html>

View 由 bootstrap 设置样式，覆盖的 css 放在

app/assets/stylesheets/bootstrap_and_overrides.css.less

现在，我试过像这样改变主体和容器的高度和最小高度；

body {
  min-height: 100%;
}
.container {
  min-height: 100%;
}

等等，结果却出乎意料。

如果我将 container 的高度增加到超过 body 的高度，它只会溢出 body 的边界，而不是 >body 相应地增长以匹配它。以类似的方式，如果我降低 body 的高度低于container 的高度，container不会缩小以匹配 body。

我不是很精通 CSS，所以我可能会忽略这里的一些非常基础的东西，所以感谢任何帮助或指点。

最佳答案

试试这个，

body {
  height: 100%;
}
.container {
  height: 100%;
}

或者，

body {
  max-height: 100%;
}
.container {
  height: 100%;
}

关于html - Bootstrap-rails，如何改变车身尺寸？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23889426/