我正在使用ReactBootstrap构建React网站。我用带有Mxtootstrap的ReactBootstrap和Footer.js组件做了Navbar和Carousel。在我的Footer.js上导入Bootstrap.min.css之后，Carousel.jsx和CustomNavbar，jsx不再是全宽。
这是我的Footer.js
这是screenshot of Navbar and Carousel
也许我的Footer.js上的bootstrap.min.css覆盖了index.html上的bootstrap.min.css引用？我真的不知道解决方案。
可以请别人帮帮我吗？
谢谢，
尼克
答案 0 :(得分：0)
这是因为您使用容器时没有将其设置为流体。
您可以查看引导文档here
您只需添加className container-fluid。
来自文档：
容器是Bootstrap中最基本的布局元素 使用我们的默认网格系统时需要。从响应中选择， 固定宽度的容器（意味着它的最大宽度在每个都有变化 断点）或流体宽度（意味着它始终是100％宽）。
使用.container-fluid作为整个宽度的容器，跨越整个容器 视口的宽度。
