Lantern — Free Bootstrap 6 Hotel & Resort Website Template
Lantern is a free, premium Bootstrap 6 website template for hotels, guesthouses, B&Bs and small resorts. It pairs a full property homepage — rooms, dining, gallery, offers, reviews and a getting-here panel — with a room detail page built around a sticky booking rail.
Hotels live on the booking widget, so that is where the new components go. The bar under the hero uses two Datepickers for check-in and check-out and a searchable Combobox for room type, then docks itself to the top of the window as a compact bar once you scroll past it — with the length of stay recalculated as you pick dates. The table reservation dialog is a native <dialog>, and the mobile menu is a Drawer. Datepicker and Combobox have no Bootstrap 5 equivalent at all.
Key features
- Two pages — property homepage and a room detail page
- Date-range booking bar using two Datepickers, a Combobox room picker and a guest stepper
- The booking bar docks to the top as a compact bar once scrolled past, via IntersectionObserver
- Length of stay recalculated live from the two date fields
- Full-viewport stay hero with a vertical meta rail up the edge
- Horizontal scroll-snap room strip with rates over the photography
- Gallery mosaic opening a native <dialog> lightbox
- Table reservation dialog with Datepicker, Combobox and a switch
- Sticky booking rail on the room page with rate Combobox
- FAQ accordion, guest reviews, seasonal offers and a getting-here panel
- Editorial serif display type over a warm cream palette — light and dark mode
- Bootstrap 6 vendored at a pinned commit, ESM-only, no build step
Before you use it
Bootstrap 6 has not been released. npm i bootstrap@6 does not work yet and the framework is still changing, so treat this as a head start on learning v6 rather than a foundation for a production site you need to maintain today. The framework is vendored into the template at a pinned commit, so nothing here can drift. It targets evergreen browsers only — Safari 16.4+, Chrome 111+ and Firefox 113+ — because Bootstrap 6 is built on oklch() and color-mix().
