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.

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: 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