Skip to content
@mintplayer/vue-bootstrap demo
Auto theme3.33.0
Basic
  • Badge
  • Button group
  • Card
  • Close button
  • Alert
  • Breadcrumb
  • List group
  • Progress
  • Placeholders
  • Table
  • Marquee
  • Carousel
  • Calendar
  • Datepicker
  • Datetime picker
  • Timepicker
  • Multi-range
  • Floating labels
  • Range
  • Phone input
  • Select
  • Checkbox
  • Radio
  • Rating
  • Color picker
  • Toggle button
  • Pagination
  • Treeview
  • Tree select
  • Typeahead
  • Navbar
  • Tab control
  • Code snippet
Overlay
  • Modal
  • Offcanvas
  • Popover
  • Tooltip
  • Toast
  • Dropdown
  • Context menu
Advanced
  • Splitter
  • Toggle buttons
  • Parallax
  • Sticky footer
  • Scrollspy
  • Resizable
  • File upload
  • Priority nav
  • OTP input
  • Signature pad
Enterprise
  • Scheduler
  • Timeline
  • Dock manager
  • Ribbon
  • Tile manager
  • Query builder
  • Datatable
  • File manager
  • Shell
  • Accordion
  • Charts
Additional samples
  • Theming & dark mode

Sticky footer

Pure CSS: v-bs-sticky-footer-parent makes the element a flex column at least --mp-sticky-footer-min-height tall (default 100dvh), and BsStickyFooter takes the free space above itself, so the footer sits at the bottom of the viewport while the content is short.

<div v-bs-sticky-footer-parent>  …content…  <BsStickyFooter>© Copyright</BsStickyFooter></div>
Copied!
© Copyright