How to code a Sidebar collapse in shiny to show only icons
<p>If you are familiar with <a href="https://www.shinyapps.io/admin/#/dashboard" rel="noreferrer">the shiny website</a>, you'll notice that when you press the button to collapse the sidebar, it's showing bigger icons (but not completely hiding the sidebar. </p>

<p>Do you know how is this possible to code this? </p>

<p>I heard that the package <code>shinyBS</code> could be useful or bootstrap things, but I don't understand what it is. </p>

<p>Before collapsing: </p>

<pre><code>&lt;body id="app" class="app ng-scope buffer-pinterest" data-custom-page="" data-off-canvas-nav="" data-ng-controller="AppCtrl"&gt;
</code></pre>

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

<p>And this (see highlighted text): 
<a href="https://i.stack.imgur.com/MvO0s.png" rel="noreferrer"><img src="https://i.stack.imgur.com/MvO0s.png" alt="enter image description here"></a></p>

<p>After collapsing: </p>

<pre><code>&lt;body id="app" class="app ng-scope buffer-pinterest nav-collapsed-min" data-custom-page="" data-off-canvas-nav="" data-ng-controller="AppCtrl"&gt;
</code></pre>

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