Tavola — Free Bootstrap 6 Restaurant Website Template
Tavola is a free, premium Bootstrap 6 website template for restaurants, bistros, trattorias, cafés and gastropubs. It pairs a full restaurant homepage — a menu tabbed by service time, the kitchen, the room, booking, hours and an FAQ — with a complete menu and wine list page.
For a restaurant the menu is the product, so it is the centre of the page rather than a link in the footer. It is tabbed by service using Bootstrap 6 tabs — lunch, dinner and Sunday are genuinely different menus, not one list with notes — and every dish row is set with leader dots the way a printed menu sets them. Those dots are a repeating gradient on a flexible middle cell, so they stretch to whatever gap is left and never wrap awkwardly. Booking uses the new Datepicker and two Comboboxes, and the FAQ is native <details>.
Key features
- Two pages — restaurant homepage and a full menu and wine list
- Menu tabbed by service time using Bootstrap 6 tabs — lunch, dinner, Sunday
- Dish rows set with printed-menu leader dots that stretch to any gap
- Dietary tags (V, VG, GF) inline on dish names
- Table booking with Datepicker, time and party-size Comboboxes
- Opening hours panel with today’s row highlighted
- Room gallery mosaic with a feature tile
- Native <details> FAQ covering allergies, private hire and service charge
- Wine list by the glass and by the bottle on the menu page
- 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().
