Minimal starter template for websites using Bootstrap 5 and Webpixels CSS next to the Eleventy static site generator.
- Includes Eleventy static site generator for building the layouts and pages
- Includes Bootstrap (currently using v5) source files via npm
- Includes Webpixels CSS as our design system based on Bootstrap 5
- Includes npm scripts for compiling and autoprefixing Sass, compiling JS, watching for changes, and starting a basic local server
- Example stylesheet (scss/main.scss)
- Example JavaScript file (js/main.js) showing how to import all Bootstrap
- HTML, CSS, and JS minification
- Bootstrap 5
- Webpixels CSS
- Eleventy
- Nunjucks
- Parcel
- Autoprefixer
- Post CSS
For easier asset management we've chosen Parcel. If you want to see all the npm scripts included for this starter kit, open the package.json file.
Next, navigate to the root folder of the site and run:
npm install
To run a local server and watch for changes:
npm start
To build for production:
npm run build
There is also a tutorial available on our website that explains the most important steps for the setup process. Read more about thow to build JAMstack-ready sites with Bootstrap and 11ty (Eleventy).
Explore, copy, use and mix hundreds of carefully crafted components made just for Bootstrap. Explore components
Get updates on the development of our CSS tool and chat with the project maintainers and community members.
- Follow @webpxs on Twitter
- Read and subscribe to The Official Webpixels Blog
- Join Github Discussions
Made with ❤️ by Webpixels. Open-sourced software licensed under the MIT license.