箱体液中填充物百分比

Question

我试着把填充物-左边和填充物-右加到我的容器-液体在启动带。但是当我重新发布页面时，我的填充工作只在加载页面结束后才能完成。(在项目中使用:引导、Razor、DurandalJS、Knockout、ASP.NET MVC)我的页面第一次看起来如下：

​

​

然后，2-3秒后，我的页面变得必要了。

​

​

全球网页代码：

<div class="container-fluid">
<div class="row">

</div>
<div class="row">
    <div class="page-host" id="content-host" data-bind="router: { transition: 'entrance' }"></div>
</div>

这是CSS样式：

.page-host {
position: relative;
left: 0;
top:30px;
right: 0;
bottom: 0;
overflow-x: hidden;
overflow-y: auto;
padding-left: 5% !important;
padding-right: 5% !important;

}当加载页面时，如何使我的容器液体与填充物-左: 5%和填充-右: 5%？

Answer 1

如果您添加了一行，则还需要放置一个列，以使填充恢复正常。即使里面什么都没有，我相信这是必需的。

<div class="container-fluid">
    <div class="row">
        <div class="col-xs-12">
             &nbsp;
        </div>
    </div> 
<div class="row">
        <div class="col-xs-12">
            <div class="page-host" id="content-host" data-bind="router: { transition: 'entrance' }">

        </div>
</div>

​