How to display Navbar item as a flexbox

Bootstrap Studio Help
1

Hi there, Is there some configuration to display the Navbar's itens as Justified: Fill?

As is: [home | menu item 1 | menu item 2 | menu item 3 | contact------------------------]

To be: [--home-- | ---menu item 1--- | ---menu item 2--- | ---menu item 3--- | -contact-]

Thanks, enter image description here

2

Well based on your screen shot, select the Nav component under the Navbar Collapse component in the Overview pane (bottom/left). Then in the Options pane (top/right) select the Gear Cog icon scroll down and expand the Flexbox section. For the Grow option set that to Yes then for the Justify Content set that to Around. Probably gets you what you want. You do need the grow so the UL element expands the width of the navbar section, but you can just specify width to the LI elements if you want more control over their widths. That can also be in conjunction with the Justify Content as well.

Saj