Dropdown mega menu

Mega menu is very popular for magazines web apps as a showcase of products and categories.

This component requires bootstrap.js and postboot.js or just dropdown.js and dropdown-mega.js.

<!-- Source -->
<ul class="nav dropdown">
  <li class="nav-item dropdown-hover dropdown-mega">
	<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" data-hover="dropdown">Fluid</a>
    <div class="dropdown-menu dropdown-menu-fluid dropdown-mega-menu">
      <div class="dropdown-menu-body">
        <div class="row">
          <div class="col-6">
            <ul class="list-unstyled">
              <li><a href="#">List item 1</a></li>
              <li><a href="#">List item 2</a></li>
              <li><a href="#">List item 3</a></li>
            </ul>
          </div>
          <div class="col-6">
            <ul class="list-unstyled">
              <li><a href="#">List item 1</a></li>
              <li><a href="#">List item 2</a></li>
              <li><a href="#">List item 3</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </li>
</ul>