Question

我有一个角度应用程序，其中包括UI-Bootstrap，我遇到了响应问题。

的index.html：

<body>
    <div ng-include="'partials/common/loginHeader.html'" ng-show="!userInfo"></div> 
    <div ng-include="'partials/common/userHeader.html'" ng-show="userInfo"></div> 

    <div class="main">
        <div class="main-inner">
            <div class="container" ui-view>
            </div>
        </div>
    </div>

    <!--<div ng-include="'partials/common/footer.html'"></div>--> <!-- footer -->
    </body>
</html>

部分观点：

<div class="row">
    <div class="span6">
        <div class="widget widget-nopad">
        <div class="widget-header">...Content inside DIV...</div>
        <div class="widget-content">...Content inside DIV...</div>
        </div>
    </div>
    <div class="span6">
        <div class="widget>...Content inside DIV...</div>
        <div class="widget widget-table action-table">
            <div class="widget-header">...Content inside DIV...</div>
            <div class="widget-content">...Content inside DIV...</div>
        </div>
    </div>
</div>

我只是在部分视图中显示DIV结构。在正常的笔记本电脑视图中，网页显得正常。但随着屏幕高度和宽度的增加，<div class="row">内的内容保持不变，并在其外留下一个巨大的空间。

如何更改<div class="row">以便它会拉伸并利用<div class="main">内的空白区域？

我会添加更多图片以清楚地了解DIV（DIV已用蓝色突出显示）

Div.main-inner：

Div.row：

在普通的笔记本电脑分辨率中：

0 个答案:

没有答案

内部div没有扩展与外部div

0 个答案: