引導填充問題與fullpage.js

Question

我有我已經實施fullpage.jsfullpage.js的網頁，但問題是有padding-left和padding-right自動添加在container-fluid如果我刪除，左側有一些空格。此問題僅是當我添加rows的container-fluid

HTML裏面

<div class="container-fluid"> 
    <div id="fullpage"> 
     <div class="row section" id="home">HomePage</div> 
     <div class="row section" id="products">Products</div> 
     <div class="row section" id="pricing">Pricing</div> 
     <div class="row section" id="contact">Contact</div> 
    </div> 
    <div id="footer">Footer</div> 
</div> 

PS：使用自舉4和

Answer 1

.container s的意思與.row S IN引導共同努力。他們有一個聰明的系統，包括利潤和填充，可以相互抵消，但在所有設備上看起來都不錯。圍繞

最簡單的方法是放置.container-fluid內#fullpage，而不是周圍的其他方式。

作爲替代，如果由於種種原因，你寧願不（或不能）改變的標記，你可以從.row S上的負利潤轉移到#fullpage：

#fullpage { 
    margin-left: -15px; 
    margin-right: -15px; 
} 
#fullpage>.row { 
    margin-left: 0; 
    margin-right: 0; 
}