Topic: default bootstrap 5 navbar styling changes when using mdbootstrap

Avinash Tauro priority asked 1 year ago

I use bootstrap 5.2 in my website. I have a standard navbar in my design.

Now when I just add mdbootstrap css and js files to the page, the navbar style changes. Specifically changes the font weight and adds a border.

How do I fix this. Please see attached sample html files.1. Html design with bootstrap 5.2.3. Here navbar shows default expected styling.2. Html design with mdbootstrap 6.3.0. Here navbar styling has changed automatically.

Please help me solve this.Thanks

Click here to see the gif comparing the navbar designs

Grzegorz Bujański staff answered 1 year ago

MDB styles may differ from bootstrap styles. You can easily adapt the styles to your needs. We use css variables so you can overwrite them with your own styles. For example, to change the default text color, just overwrite the --mdb-body-color variable.

:root {
  --mdb-body-color: black;

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: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 6.3.0
  • Device: PC
  • Browser: Chrome Version 113.0.5672.93 (Official Build) (64-bit)
  • OS: Windows 11
  • Provided sample code: No
  • Provided link: Yes