Bootstrap容器或填充高度100％浏览器

Question

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

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 1

使用vh获得全高。 100vh = 100%。 现在，使用container-fluid获取bootstrap 3上的全宽