kramgnolruf / 11ty-demo

Bootstrap Starter Kit

Minimal starter template for websites using Bootstrap 5 and Webpixels CSS next to the Eleventy static site generator.

Features

• 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

Requirements

• Bootstrap 5
• Webpixels CSS
• Eleventy
• Nunjucks
• Parcel
• Autoprefixer
• Post CSS

Getting Started

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).

Building modern interfaces

Explore, copy, use and mix hundreds of carefully crafted components made just for Bootstrap. Explore components

Community

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

Thank you

• Zach Leatherman
• Mark Otto and the Team

Copyright

Made with ❤️ by Webpixels. Open-sourced software licensed under the MIT license.