V5 Offcanvas : Add offcanvas-footer

  <div class="offcanvas-footer">
    ...
  </div>

.offcanvas-footer{
    padding: 1rem 1rem;
    border-top: 1px solid #dee2e6;
}

[DaleyKD]

I wish I could +1 this and that it wasn’t punted.

For v4, I’ve used my own version of “modal-right” which took the all the classes of a modal and fixed it to the right. Then today I stumbled across the offcanvas component and realized it’s exactly what I need, but it lacks a footer.

Ideally, I see the offcanvas being the Bootstrap version of Material’s Drawer or Microsoft’s Panel. The footer absolutely brings value if you’re using an offcanvas to do additional functionality (like a modal) but with it being fixed to the side.

[ianhughesfs]

That should do it:

https://codepen.io/wellol/pen/oNEarzR

Thanks for this!

Just an observation that might be helpful to others but this only works when the offcanvas modal is fixed. The footer gets covered up if you allow vertical scrolling. (long list of options, etc.)