Bootstrap3.0全屏

时间:2016-05-16 09:04:51

标签: html5 twitter-bootstrap-3

我无法理解如何删除这个"阻止"它出现在视图的下半部分,它在html之外,这是一个屏幕:

enter image description here

这是jsp页面:

<head>
    <title><spring:message code="message.title" /> :: <spring:message code="message.subtitle" /></title>
    <jsp:include page="/WEB-INF/view/head-common.jsp" />

</head>
<body>
    <div class="container">
         <div class="row">
             <!-- <div class="row-height"> -->
                <div class=".col-xs-12 .col-sm-6 .col-lg-8" >
                  <div id="viewer" style="height: 1000px; !important;"></div>
                </div>
            <!-- </div> -->
        </div>
    </div> 
</body>

Soma建议?

感谢。

1 个答案:

答案 0 :(得分:0)

试试这个

<head>
    <title><spring:message code="message.title" /> :: <spring:message code="message.subtitle" /></title>
    <jsp:include page="/WEB-INF/view/head-common.jsp" />
    <style>
    html, body{
        height:100%;
    }
    </style>
</head>


<body>
<div class="container" style="height:100%;">
     <div class="row" style="height:100%;">
         <!-- <div class="row-height"> -->
            <div class=".col-xs-12 .col-sm-6 .col-lg-8"  style="height:100%;">
              <div id="viewer" style="height: 100%; !important; border:1px solid;">
              this he here
              </div>
            </div>
        <!-- </div> -->
    </div>
</div> 
</body>