Multiple level dropdown

gistfile1.html

<div class="container">
  <div class="row">
    <h2>Multi level dropdown menu in Bootstrap 3</h2>
    <hr />
    <div class="dropdown dropdown-select">
      <a id="dropdown-content" role="button" data-toggle="dropdown" class="btn btn-primary dropdown-text" data-target="#">
        Dropdown <span class="caret"></span>
      </a>
      <input type="hidden" name='ddname' />
      <ul class="dropdown-menu multi-level" role="menu" aria-labelledby="dropdownMenu">
        <li class="dropdown-menu-item"><a id="action-1-1" href="#">Mining Laser</a></li>
        <li class="divider"></li>
        <li class="dropdown-submenu">
          <a tabindex="-1" href="#">Pulse Laser</a>
          <ul class="dropdown-menu">
            <li class="dropdown-menu-item"><a id="action-2-1" tabindex="-1" href="#">Second level</a></li>
            <li class="dropdown-submenu">
              <a href="#">Even More..</a>
              <ul class="dropdown-menu">
                <li class="dropdown-menu-item">
                  <a id="action-3-1" href="#" data-value="3-1">
                    3rd level 1
                  </a></li>
                <li class="dropdown-menu-item"><a id="action-3-2" href="#" data-value="3-2">3rd level 2</a></li>
              </ul>
            </li>
            <li class="dropdown-menu-item"><a id="action-2-2" href="#">Second level</a></li>
            <li class="dropdown-menu-item"><a id="action-2-3" href="#">Second level</a></li>
          </ul>
        </li>
      </ul>
    </div>
	</div>
</div>