How make collapse menu on bootstrap?
<p>I need to make menu expande/collapse to left. Like this:</p>

<p><a href="https://i.stack.imgur.com/b5J74.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/b5J74.png" alt="enter image description here"></a> </p>

<p><a href="https://i.stack.imgur.com/pt3Yz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pt3Yz.png" alt="enter image description here"></a></p>

<p>On bootstrap I can do that. But I need to display extra blocks in left menu. When menu is open extra block display under menu line. Like this:
<a href="https://i.stack.imgur.com/YP8hD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YP8hD.png" alt="enter image description here"></a></p>

<p><a href="https://i.stack.imgur.com/FooWj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FooWj.png" alt="enter image description here"></a></p>

<p>In this block I need to display controls such as dropdown and inputs.</p>