Bootstrap中容器流体中的填充百分比

Question

我尝试在Bootstrap中添加padding-left和padding-right到我的容器流体。但是当我重新加载页面时，我的填充工作仅在加载页面结束后才开始。 （你在项目中使用：Bootstrap，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;

} 如何使用padding-left制作我的容器流体：5％和padding-right：加载页面时为5％？

Answer 1

如果添加一行，您还需要为填充添加一列以恢复正常。即使col内部没有任何内容，我相信它是必需的。

where