Navbar and Carousel padding after importing bootstrap.min.cs

  1. MDB Home Page
  2. Support Main Page
  3. MDB React
Topic: Navbar and Carousel padding after importing bootstrap.min.css

Nicola Pigozzo asked 7 years ago

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

Jakub Strebeyko staff answered 7 years ago

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
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes
About author
Nicola Pigozzo
0Support score
1Questions 0Answers
0Snippets likes 0Snippets