fullpage.jsでブートストラップのパディング問題

Question

私はfullpage.jsを実装しているウェブページを持っていますが、問題があるのはpadding-leftとpadding-rightです。これを削除すると自動的に追加されます、左側に空白があります。ブートストラップ4つの

Answer 1

.container Sを使用してブートストラップで.row Sと一緒に動作するように意図されています。この問題は、私は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をrowsを追加するときにのみ付属しています。彼らはマージンとパディングを含む巧妙なシステムを持ち、お互いを打ち消し、すべてのデバイスでよく見えるようにします。その周り

最も簡単な方法は、他の方法で回避、.container-fluid#fullpage内部を置くないことであろう。代替として

、もし、さまざまな理由のために、あなたは思いますが、むしろない（またはすることはできません）マークアップを変更、あなたは#fullpageに.row Sから負のマージンを転送することができます：

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