Add vertical divider to Yii2's Nav widget

Question

How can I add a vertical divider, that separates top-level items, to Yii2's Nav? Is this supported?

From Nav's docs I know, that I can add horizontal divider ('<li class="divider"></li>') or horizontal header ('<li class="dropdown-header">Dropdown Header</li>') to first-level dropdown items. But adding these classes at top-level items brings no visual effect.

Is there any way to visually separate let's say Login item from all other top-level items in Nav?

Answer 1

There is no vertical divider in bootstrap 3, read more here :

• https://github.com/twbs/bootstrap/issues/9501
• Vertical divider doesn't work in Bootstrap 3

You should simply create needed css rules.