title: Padding percent in container-fluid in Bootstrap
body: <p>I'm try add padding-left and padding-right to my container-fluid in Bootstrap. But when I to Reload the page, my padding work only after the end of loading page. (U use in project: Bootstrap,Razor, DurandalJS, Knockout, ASP.NET MVC)
  First my page looks like this:</p>
  <p><a href="https://i.stack.imgur.com/XmlrK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XmlrK.png" alt="enter image description here" /></a></p>
  <p>Then, after 2-3 second, my page is becoming as necessary</p>
  <p><a href="https://i.stack.imgur.com/8ZKqh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8ZKqh.png" alt="enter image description here" /></a></p>
  <p>Code of global page:</p>
  <pre><code>&lt;div class=&quot;container-fluid&quot;&gt;
  &lt;div class=&quot;row&quot;&gt;
  
  &lt;/div&gt;
  &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;page-host&quot; id=&quot;content-host&quot; data-bind=&quot;router: { transition: 'entrance' }&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is CSS style:</p>
  <pre><code>.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;
  </code></pre>
  <p>}
  How to make my container-fluid with padding-left: 5% and padding-right: 5% when loading the page?</p>