Topic: React Bootstrap Navbar Transparent at top, color when scrolling

Brian Burns free asked 5 years ago

I have been looking at the React bootstrap version of MDBootStrap, and love the mix of material design with bootstrap, as well as the pre-made React component.  One thing I am unable to find, however, is how to implement a transparent Navbar while at the top, but when the user begins to scroll, the Navbar sets to a predetermined color.  Is this supported within this library?

Aline Labellevie free answered 3 years ago

Jakub! Thanks you so much, you are Amazing! You just saved me a whole day of trying to resolve my problem!

Jakub Mandra staff answered 5 years ago

Hello Brian,

You have to add some props to the Navbar component.

For example this should work as you expected:

<Navbar scrolling dark expand="md" fixed="top">



Jakub from MDB

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No