causeway-standard-theme/causeway/docs/components/menus/three-line-menu.html

<section>
  <a id="menus-three-line"></a>
  <header class="content-header">
    <h1 class="title">
      Three Line Menu
    </h1>
  </header>

  <p>
    A three line menu is a <a href="/docs/components/menus.html#menus-dropdown">dropdown</a> with the additional class of <code>"three-line-menu"</code> 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.
  </p>

  <div>
    <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>
  </div>

  <br/>

  <pre>
    <code>
      &lt;div class=&quot;dropdown three-line-menu&quot;&gt;
        &lt;a href=&quot;#&quot; class=&quot;dropdown-toggle&quot; data-toggle=&quot;dropdown&quot; data-hover=&quot;dropdown&quot;&gt;
        &lt;/a&gt;
        &lt;ul class=&quot;dropdown-menu&quot;&gt;
          &lt;li&gt;
            &lt;a href=&quot;#&quot;&gt;
              Dropdown 1
            &lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;a href=&quot;#&quot;&gt;
              Dropdown 2
            &lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;a href=&quot;#&quot;&gt;
              Dropdown 3
            &lt;/a&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    </code>
  </pre>
</section>