How to improve the bootstrap template on the template example from the documentation?

Question

JavaScript

There is such an example of a template in the documentation https://getbootstrap.com/docs/4.4/examples/dashboard/
The task is to make the left menu collapsible so that only icon icons remain. Maybe there are ready-made plugins? Found only Jasny Bootstrap, but it completely closes the menu. I saw other options, but redundant, I would like to be simpler. The first thing that comes to mind is to change to

via js , but this is somehow crooked. <div class="col-md-4"><div class="col-md-1">

Answer 1

I'll leave it here as a reminder, https://codepen.io/bsurnida/pen/byVMBd