So you have a navbar, and you want the spacing to be based on the Space Around or Space Between concept.
You select one of those on the navbar-nav element which contains the a tags, and nothing changes. What to do?
The answer lies in that the container of the navbar-nav is a flex element, which means navbar-nav is not the full width, it is only as wide as its content. So you have to make navbar-nav wider.
So… the answer is to set width 100% on the navbar-nav!
Then it will fill the available width, and the links inside can be spaced out with the around or between property.
Hi Antony, and thank you for submitting guides like this, we love when the community helps each other with things like this.
I have moved your post from the Docs > How-To Guides to the General > How To category as when posting into the official Docs area, we need to ensure that the guide is as detailed as possible, highlighting each and every step of the process, and when possible each step should include a screenshot of the process, often highlighting what elements need to be clicked on.
Could I please ask that you try edit your post a little with more detail and some screenshots as I do think this would make a highly useful guide for the Wappler official documentation.
EDIT: I just tried this, using only the method you have outlined and I assume there is a missing step as it did not do what i was expecting