title: Side navbar responsive collapse Bootstrap 4
body: <p>I'm trying to make a sidebar menu responsive in mobile devices, but I can't figure how, I'm new on Boostrap, and I follow the documentation on boostrap official page, but I can't find a example a sidebar menu collapse.
  I want something like this:</p>
  <p>On large devices: <a href="https://i.stack.imgur.com/fvGcA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fvGcA.png" alt="https://i.stack.imgur.com/fvGcA.png" /></a></p>
  <p>On mobile devices:</p>
  <p><a href="https://i.stack.imgur.com/ZWSaT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZWSaT.png" alt="https://i.stack.imgur.com/ZWSaT.png" /></a></p>
  <p>I'd appreciate your help</p>