bootstrap容器总是在顶部

时间:2016-06-07 14:33:25

标签: html css angularjs twitter-bootstrap css3

我有以下代码:

 <div class="col-xs-12 fixedContainer">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <h1 class="page-header">Smith Service</h1>
            </div>
        </div>
    </div>


    <div class="container-fluid">
        <div class="row" ng-controller="ServiceStatus as serviceStatus">

            <!--Iterates over the services-->
            <div class="col-lg-3 col-md-6" ng-repeat="service in serviceStatus.services">
                <server-status name="service.name" status="service.status" nodes="service.nodes"></server-status>
            </div>

        </div>
    </div>
</div>


<ng-view></ng-view>

我想修复fixedContainer类始终位于顶部的div。在ng-view内部有一个表,带有可滚动的数据。

我将fixedContainer类定义为:

.fixedContainer {
position: fixed;
z-index: 1030;
top: 0;

}

但是ng-view保持在容器下面,缺少一些东西。

你能帮助我吗?

感谢。

0 个答案:

没有答案