体は、私は一緒にこのウェブサイトを置く

Question

右側の空白を示しています brudenellridingstables.com

このテンプレートをオフに基づいて - https://startbootstrap.com/template-overviews/creative/

私がいる問題は、右側の白いスペースがあるということですページの

私は

body { 
    height: 100%; 
    width: 100%; 
    overflow-x: hidden; 
} 

を試してみましたが、これは、ホワイトスペースの問題 しかしを修正 オーバーフロー-X：隠されました;行はnavbarの前後の動作を壊し、ページの下に表示されないようにfaアイコンをさらに下に移動させます。

ページの本文のオーバーフローxを制御している間に、navbarとfaアイコンの両方の機能を持つことができますか？

これを修正するには、CSSで何かできることはありますか？

私はCSSの親子のダイナミクスについてよく知らないので、右側に空白を生じさせるオーバーフロー-x以外に何か起こっているのでしょうか？

私はこの質問を数回見ましたが、私のようなナビゲーションバーではありませんでした。私は、CSSの複雑さをもっと知るように、これらの質問に答えてもらうことが他の人にとって有益だと思います。

ありがとうございます！

Answer 1

あなたはclass="row bg-primary"

A .rowで（header後の）ページの途中でセクションを持っているが.containerまたは.container-fluidにする必要があります。表示されているのは-15pxです。marginは.rowで、通常は.containerの親によってオフセットされています。

.container-fluidにその行をラップします。