html - Bootstrap 容器或填充高度 100% 浏览器

Question

我需要将高度容器设置为 100% 浏览器，但是当你放置标签的内容时会破坏容器。

html, body {
  height: 100%;
  min-height: 100%;
}
.container {        
  min-height: 100%;
  height: 100%; 
  background-color:red; 
}

<div class="container">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 
        <img class="img-responsive" src="http://placehold.it/1920x1080 " alt="" />
        <img class="img-responsive" src="http://placehold.it/1920x1080 " alt="" />
    </div>
</div>

Answer 1

使用 vh 表示全高。 100vh = 100%。现在，使用 container-fluid 在 bootstrap 3 上获得完整宽度