feature - (nav) dropdown content with columns, icons and other styling

[ph-poppe]

Is your feature request related to a problem? Please describe.

In my header nav dropdown, I get a pure dropdown. This is a long list. I would like to be able to set:

• columns
• titles
• have dropdown items sorted in columns so it is more horizontally spread

Describe the solution you'd like

option to add other content to a dropdown (nav dropdown in this case)

<!-- current -->
<div class="nav-item has-sub">
    <a class="nav-dropdown-link">
        Me
    </a>
    <ul class="dropdown-menu dropdown-animated" role="menu">
        <li role="menu-item"><a>About</a></li>
        <li role="menu-item"><a>Achievements</a></li>
        <li role="menu-item"><a>Likes</a></li>
    </ul>
</div>

possible solution:

<!-- mod-->
<div class="nav-item has-sub">
    <a class="nav-dropdown-link">
        Me
    </a>
    <div class="dropdown-menu dropdown-animated" role="menu">
        <div class="grid">
            <div class="column" >
                .. items and title
            </div>
            <div class="column">
            ..items and title
            </div>
        </div>
    </div>
</div>

to make it responsive, the columns would probably need to be stackable.

[rimjhp-06]

Hi,
Can you assign this issue to me?