Bootstrap: Horizontal collapse

[vanillajonathan]

It would be nice with a horizontal collapse feature.

This would be very handy for collapsing sidebars.

[TheBuzzer67]

Offset Canvas already do it!? But we have to use a bit jquery to exchange collapse for canvas!

[WebDragon]

one would also like the option to have a slide-(left|right) nav on tablet and mobile, that overlays the content rather than pushing it aside.

[viktorsmari]

What is the status of this?
I am waiting for the option to slide a nav menu from the sides, which appears to be the standard today on mobile apps.

[WebDragon]

https://github.com/bootstrapstudio/bootstrap-better-nav so this is a thing that exists and which I've used successfully in a redesign.

[stormriderstudios]

Any chance of an update on this?
I can see that it's in the Feature Ideas of the Bootstrap 5 project but currently unassigned.
I would be hugely keen the see this feature added, especially if it has support for partial and total collapse (whether through collapsing child elements or some similar mechanism or directly in the feature).
I envisage it being able to completely collapse something to the side, collapse to the side and expand other elements on the same horizontal plane (which I realise is more difficult than vertical collapse) or the popular option to collapse a text menu to icons only.
Cheers!

[mdo]

https://github.com/twbs/bootstrap/pull/31285 is planned for off canvas, and https://github.com/twbs/bootstrap/pull/31681 is stubbed out but troublesome for horizontal collapse.

[vanillajonathan]

@mdo, it looks really good! 👍

[mrlife]

This is a really good example of left nav/sidebar that hides on smaller screens and has an icon only collapse option on larger screens.

https://coreui.io/demo/3.1.0/#main.html