Topic: default bootstrap 5 navbar styling changes when using mdbootstrap
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
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;
}
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- 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