Topic: Navbar and Carousel padding after importing bootstrap.min.css
Hello everyone,I am building a React Website with ReactBootstrap. I did Navbar and Carousel with ReactBootstrap and Footer.js component with MdBootstrap. After I Imported Bootstrap.min.css on my Footer.js, the Carousel.jsx and CustomNavbar,jsx are not full width anymore.Here my Footer.jsHere a screenshot of Navbar and CarouselHere a screenshot of the FooterI also opened a topic on Stackoverflow here the linkMaybe the bootstrap.min.css on my Footer.js overwrite the bootstrap.min.css ref on the index.html? I really do not know a solution.Could please someone help me?Thanks,Nico
![Footer.js](http://i.stack.imgur.com/06PXi.jpg\""){kind=link}
![screenshot of Navbar and Carousel](http://i.stack.imgur.com/0UIgg.jpg\""){kind=link}
![screenshot of the Footer](http://i.stack.imgur.com/04UUS.jpg\""){kind=link}
Add comment
Hi there Nicola,
Welcome to the Support Board! It seems you are not setting container's
fluid prop, so the elements do no take the entire available horizontal space.
With Best Regards,
Kuba
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: Free
- Premium support: No
- Technology: MDB React
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: Yes
Tags