Dropdown Trigger

This is an example of using a div as a trigger, but it should work for any element.

Base Dropdown Trigger

<div class="dropdown">
  <div id="dLabel" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  Dropdown Trigger <i class="fa fa-caret-down"></i>
  </div>
  <ul class="dropdown-menu" aria-labelledby="dLabel">
    <li>
      <a href="#">Action</a>
    </li>
    <li>
      <a href="#">Action</a>
    </li>
    <li>
      <a href="#">Action</a>
    </li>
    <li>
      <a href="#">Action</a>
    </li>
  </ul>
</div>

Inset Button Dropdown Trigger

<div class="dropdown">
  <div id="dLabel" class="insetButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <h2>Clients: All <i class="fa fa-caret-down"></i></h2>
  </div>
  <ul class="dropdown-menu" aria-labelledby="dLabel">
    <li>
      <a href="#">Active</a>
    </li>
    <li>
      <a href="#">Inactive</a>
    </li>
  </ul>
</div>