Как адаптировать навбар?

Question

[Алексей]

Всем привет, сверстал навбар, и вроде как он адаптивен, но никак не могу сделать чтобы при уменьшении экрана данные меню сворачивались в гамбургер, как такое можно сделать?

<nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
          <div class="navbar-header">
    
            <h4 class="navbar-brand"><strong><font size="4" color="black" face="arial black">B&R EXPEND LOGISTICS</font></strong></h4>
          </div>
          <nav class="my-2 my-md-0 mr-md-3">
            <a class="p-2 text-dark" href="/">Home</a>
            <a class="p-2 text-dark" href="/data">Your Data</a>
            <a class="p-2 text-dark" href="/ourdata">Our Data</a>
           
            <a class="p-2 text-dark" href="/personalroom">Room</a>
            <a class="btn btn-outline-primary" id = "register_button" href="/auth/logout">Quit</a>
    
            <a class="btn btn-outline-primary" id = "register_button" href="/auth/login">Sign in</a>
        
          </nav>
        </div>
      </nav>