Bootstrap Navbar Too Large for Page

Question

私はウェブサイトをhttps://beta.redxtech.caにしています。私は、左に引っ張られたブランドと引っ張られた右のnavbar ulを持つブートストラップnavbarを持っています。

問題は、navbarが実際にページよりも大きく伸びて、オーバーフローとスコリングを作成することです。

navbar-brandとnavbar-pillsを犠牲にすることなくオーバーフローを取り除く助けを得ることができたら、それは素晴らしいだろう！

これは違いがある場合はsantize.cssも使用しています。

Answer 1

.navbar-rightは、.containerまたは.container-fluidの要素の子孫であることを意味します。これがなければ、.navbar-rightはその祖先要素の端を越えて伸びます。これらの祖先要素の1つがbodyである場合、ページはビューよりも幅が広くなります。

このnavbar exampleをチェックし、そこに示されているコードをインラインで使用してください。