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

Brian Burns free asked 6 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 4 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 6 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">
</Navbar>

 

Regards,

Jakub from MDB



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

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