Почему не работает toggle?

Question

[karenshahmuradyan]

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  <a href="#" class="navbar-brand">
      <img src="img/logo.png" width="240" alt="logo">
  </a>
  <button class="navbar-toggler" type="button" data-toogle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
              <a href="#" class="nav-link">OPPORTUNITIES</a>
          </li>
          <li class="nav-item">
              <a href="#" class="nav-link">SUMMER SCHOOLS</a>
          </li>
          <li class="nav-item">
              <a href="#" class="nav-link">CONFERENCES</a>
          </li>
          <li class="nav-item">
              <a href="#" class="nav-link">EVENTS</a>
          </li>
          <li class="nav-item">
              <a href="#" class="nav-link">JOBS</a>
          </li>
      </ul>
      <form class="form-inline my-2 my-lg-0">
          <input type="text" class="form-control mr-sm-2" placeholder="Search" aria-label="Search"></input>
          <button class="btn btn-outline-success my-2 my-sm-0">Search</button>
      </form>
  </div>
</nav>

Answer 1

[Антон]

data-toogle="collapse"

data-toggle="collapse"