Navbar has no styling


Topic: Navbar has no styling

Expected behavior

Navbar to be displayed.

Actual behavior

Navbar data is displayed but there absolutely no styling.

Resources (screenshots, code snippets etc.)

app.module.ts :

imports: [
    MDBBootstrapModule.forRoot(),
    NavbarModule,
    ...
  ]

Broken navbar

The code I am using is straight from the docs over here


Damian Gemza staff answered 6 years ago

Dear Pierre,

If you're importing our MDB Free Module, and also our NavbarModule, please remove the import of the Navbar. You have only to import the root MDB module.

Please show me your angular.json file, because it seems that you have not loaded MDB styles correctly.

Please check one more time, how to install our MDB Angular library. Here's our Quickstart Guide.

Best Regards,

Damian


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
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.4.2
  • Device: Dell G5 15
  • Browser: Chrome
  • OS: Windows 10 Pro
  • Provided sample code: No
  • Provided link: Yes