How to apply custom styling to a navbar

ericdevjs commented 5 years ago

Hi,

Thank you for your answer but since I'm new to this, is it possible to explain a little how to use anchorClass, do I have to create those classes or they already exist, and if they already exist, where can I find those classes.

Thank you

Magdalena Dembna staff premium commented 5 years ago

The anchorClass is a property so you have to use it like this: <mdb-nav-item anchorClass="your-custom-classs">Link</mdb-nav-item> . You can find predefined classes all across our documentation, f.e. colors: https://mdbootstrap.com/docs/vue/css/colors/ . As for navbar's alignment you can find examples here: https://mdbootstrap.com/docs/vue/navigation/navbar/#alignment

ericdevjs commented 5 years ago

Hi,

By saying anchorClass="your-custom-class" do you mean classes that I define in the style tag of my components ?

I have a suggestion for predefined classes, it would be a lot easier and less time consuming if you could put together a list of all predefined classes available in mdbvue than searching throughout the docs, and I'm sure It would benefit all the devs using mdbvue.

Thank you

Magdalena Dembna staff premium commented 5 years ago

It doesn't matter if the class predefined in the mdbvue or your own in the style tags - it will work in both ways. Thank you for this suggestion, it's certainly worthy of consideration. Kind regards, Magdalena