Three Line Menu

A three line menu is a dropdown with the additional class of "three-line-menu" added to the surround. It is an in-line item and should be either used as such or changed to a block level element in the application CSS.

    
      <div class="dropdown three-line-menu">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">
        </a>
        <ul class="dropdown-menu">
          <li>
            <a href="#">
              Dropdown 1
            </a>
          </li>
          <li>
            <a href="#">
              Dropdown 2
            </a>
          </li>
          <li>
            <a href="#">
              Dropdown 3
            </a>
          </li>
        </ul>
      </div>