Mdb angular Button Style not working


Topic: Mdb angular Button Style not working

fanny111 pro premium asked 3 months ago

When load the page this is what i get(I Dont have any errors on page)

here is the html:

 <a class="btn btn-primary btn-sm my-0" role="button">
      <span class="d-none d-lg-inline-block mr-1">How It Works</span>
    </a>

    <a class="btn btn-primary btn-sm my-0" role="button">
      <span class="d-none d-lg-inline-block mr-1">Why It Works</span>
    </a>

Actual behavior :enter image description here

after continuing in to different pages in the website then suddenly the buttons get the right style. waiting to hear from you how to solve it. thanks.

Expected behavior :enter image description here


Arkadiusz Idzikowski staff answered 3 months ago

You need to use syntax with mdbBtn directive instead of bootstrap classes. Please take a look at our documentation:

https://mdbootstrap.com/docs/angular/components/buttons/


fanny111 pro premium commented 3 months ago

Thank you so much problem Solved.


Please insert min. 20 characters.
Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: Angular
  • MDB Version: 10.1.1
  • Device: pc
  • Browser: google
  • OS: windows
  • Provided sample code: No
  • Provided link: No